أكواد جافا 3 (( علواني ))

1 \ 2 \ 3

سكربتات جافا تستخدم في تصميم المواقع

إضافة تأثير على الخلفية

<html> <head> <style>  </style> </head> <body> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div> <script language="JavaScript1.2"> /* Left-Right Stripy Curtain Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=8;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth temp[i].height=window.innerHeight/8 temp2[i].top=(i-1)*temp[i].height } } else if (document.all){ var clipright=document.body.clientWidth,clipleft=0 for (i=1;i<=8;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth temp[i].height=document.body.offsetHeight/8 temp[i].top=(i-1)*parseInt(temp[i].height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ for (i=1;i<=8;i=i+2) temp[i].right-=speed for (i=2;i<=8;i=i+2) temp[i].left+=speed if (temp[2].left>window.innerWidth) clearInterval(stopit) } else if (document.all){ clipright-=speed for (i=1;i<=8;i=i+2){ temp[i].clip="rect(0 "+clipright+" auto 0)" } clipleft+=speed for (i=2;i<=8;i=i+2){ temp[i].clip="rect(0 auto auto "+clipleft+")" } if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> </body> </html>

------------------------------------------------------------------------

تغير الوان الخلفية حسب الطلب

( مثال )

<html dir="rtl"> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>تغير الوان الخلفية حسب الطلب</title> </head>  <BODY> <CENTER>   [<a href="/"onmouseover="document.bgColor='green'">اخضر</a>] [<a href="/"onmouseover="document.bgColor='greem'">اخضر فاتح</a>] [<a href="/"onmouseover="document.bgColor='seagreen'">اخضر بحري</a>] [<a href="/"onmouseover="document.bgColor='red'">احمر</a>]<BR> [<a href="/"onmouseover="document.bgColor='magenta'">موف فاتح</a>] [<a href="/"onmouseover="document.bgColor='fusia'">بمبى</a>] [<a href="/"onmouseover="document.bgColor='pink'">موف</a>] [<a href="/"onmouseover="document.bgColor='purple'">بنفسجي</a>]<BR> [<a href="/"onmouseover="document.bgColor='navy'">نيفي</a>] [<a href="/"onmouseover="document.bgColor='blue'">ازرق</a>] [<a href="/"onmouseover="document.bgColor='royalblue'">ازرق ملكي</a>] [<a href="/"onmouseover="document.bgColor='Skyblue'">سماوي</a>]<BR> [<a href="/"onmouseover="document.bgColor='yellow'">اصفر</a>] [<a href="/"onmouseover="document.bgColor='brown'">بني</a>] [<a href="/"onmouseover="document.bgColor='almond'">احمر ناري</a>] [<a href="/"onmouseover="document.bgColor='white'">ابيض</a>]<BR> [<a href="/"onmouseover="document.bgColor='black'">اسود</a>] [<a href="/"onmouseover="document.bgColor='coral'">كورالي</a>] [<a href="/"onmouseover="document.bgColor='olivedrab'">اخضر زيتوني</a>] [<a href="/"onmouseover="document.bgColor='orange'">برتقالي</a>] </CENTER> </body> </html>

------------------------------------------------------------------------

تغير الوان الخلفية حسب الطلب

( مثال )

------------------------------------------------------------------------

اضافة تأثير على الخلفية

( مثال )

------------------------------------------------------------------------

تأكيد دخول الصفحة

( مثال )

------------------------------------------------------------------------

أغلاق المتصفح

( مثال )

------------------------------------------------------------------------

اكتشف محتويات السي

( مثال )

<html dir="rtl"> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>اكتشف محتويات السي</title> <SCRIPT>  </SCRIPT> </head> <body bgcolor="#DEF1FE"> <CENTER> <p><STRONG><EM> <FONT COLOR=000080 SIZE=+3></FONT> </EM></STRONG></p> </CENTER> <BR> <div align="center"> <center> <TABLE BORDER=0 WIDTH=600 CELLPADDING=10 style="border-collapse: collapse" bordercolor="#111111" cellspacing="0"><TR> <TD align="center"><FONT COLOR=800000><STRONG> <P> <BR><BR> <CENTER><FORM> <TABLE BORDER=0 WIDTH=400><TR> <TD align="center"> <INPUT TYPE="button" Value=" اكشف محتويات السى" onClick="window.open('file:///C|/', 'display', 'scrollbars=1')"> </TD><TD align="center"> </center> </div> </body> </html>

------------------------------------------------------------------------

أرتباطات متحركة

( مثال )

<html dir="rtl"> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>أرتباطات متحركة</title> </head> <body bgcolor="#DEF1FE"> <script>  </script> <title>Movig Frames</title> <STYLE>  </STYLE> <style fprolloverstyle>A:hover {color: #FFFFFF; font-weight: bold} </style> </HEAD> <BODY bgcolor="#5C5C5C" link="#00FFFF" vlink="#FFA500" alink="#00FF95" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onLoad="fix()" onScroll="fix()" onResize="fix()"> <p> </p> <p> </p> <p> </p> <p align="center"><font size="6" color="#0066FF">قم بتحريك الصفحة الى اسفل سوف تتحرك الروابط ايضا</font></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <center> <span id="bar" style="position: absolute; left: 27; top: 584; width: 560; height: 58; z-index: 9" > <table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF" width="560"> <tr align="center" bgcolor="f1f1f1"> <td width="169"> <a href="أي رابط" Hi!')'><b><font color="#000080" face="Monotype Koufi" size="2">ضع ارتباطا هنا</font></b></a></td> <td width="132"> <a href="أي رابط"><b><font color="#000080" face="Monotype Koufi" size="2">ضع ارتباطا هنا</font></b></a></td> <td width="87"> <a href="أي رابط"><b><font color="#000080" face="Monotype Koufi" size="2">ضع ارتباط هنا</font></b></a></td> <td width="144"> <a href="http://www.alnamer.net"><b><font color="#000080" face="Monotype Koufi" size="2">الصفحة الرئيسية</font></b></a> </body> </html>

------------------------------------------------------------------------

أرتباطات تنزل بطريقة رائعة

( مثال )

<html dir="rtl"> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>الصفحة الرئيسية</title> </head> <body> </body> </html> <html dir="rtl"> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <title>أرتباطات تنزل بطريقة رائعة</title> </head> <body bgcolor="#DEF1FE"> </style> </head> <body onLoad="buildMenu(), scrollItems();" bgcolor="#5C5C5C" link="#FF00FF" vlink="#000000"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <div id="object1" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd><td> <p align="center"><center> <a href=http://alwani.jeeran.com>الصفحة الرئيسية</a> </center></p> </td></table> </div> <div id="object2" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd> <td><center> <a href=http://alwani.jeeran.com.htm>البرامج</a> </center></td> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd> <td><center> <a href=http://alwani.jeeran.com>صور </a> </center></td> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd> <td><center> <a href=http://alwani.jeeran.com>كروت</a> </center></td> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd> <td><center> <a href=http://alwani.jeeran.com>رومنسيات</a> </center></td> </table> </div> <div id="object6" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffccdd> <td><center> <a href=http://alwani.jeeran.com>حمــــاه</a> </center></td> </table> </div> <div id="object7" style="position:absolute; visibility:show; left:10px; top:-50px; z-index:2"> <table border=1 width=120 bgcolor=ffddcc> <td><center> <a href=http://alwani.jeeran.com>علواني</a> </center></td> </table> </div>  </body> </html>

------------------------------------------------------------------------

أطفاء اللنكات

( مثال )