جافا سكريبت

يتم إضافة السكريبت بالفرونت بيج تبعاً لنوعه

بعضهم يوضع بين </head> و <body>
والبعض في قسمين
<head> هنا قسم</head>
<body> آخر</body>

نص يدور حول مؤشر الماوس

<body bgcolor="#000000"> <head<head> <SCRIPT language=JavaScript>  </SCRIPT>

نص يتغير لونه عدة مرات

<div align="center"><p><script language="JavaScript1.2" type="text/javascript">    </script></p></div><br>

نص بألوان قوس قزح

<p align="center"><font size="6" face="Tahoma"><strong><script language="JavaScript">  </script>   </strong></font><font size="6"><strong><script language="JavaScript"></script></strong></font></p>

نص يظهر ثم يختفي

<HEAD> <SCRIPT LANGUAGE="JavaScript1.2">  </script> </HEAD> <BODY> <center> <div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> <h1> <font family="Tahoma" color="maroon" size="+2"> نرحب بكم في موقعنا <p> مجموعة صدى </font> </h1> </div> </center>

تغيير لون الخلفية

<FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">بنفسجي فاتح <OPTION VALUE="khaki">بني فاتح <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript">  </script>

ألعاب نارية

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <script language="JavaScript"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all) with(document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sClrs[3]='fff000'; sClrs[4]='fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; //window.status=currStep; T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script>

فلاش لوني بالخلفية

تأثير آلة كاتبة

ساعة في أسفل الجهة اليمنى للصفحة

<HTML> <HEAD> <style type="text/css">  </style> <script>  </script> <TITLE>F O R M S</TITLE> </HEAD> <BODY BGCOLOR="#000000" TEXT="#7b68ee" link="#7b68ee" vlink="#7b68ee" onLoad="show2()"> <P> <BR><CENTER>انظر الى الساعة فى الجهة اليمنى</CENTER><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR><P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <P> <BR> <script language="JavaScript"> var IW= 0; var IH= 0; var PX= 0; var PY= 0; var ZIN= 0; var us= null; var IMGW= 50; var IMGH= 25; var LSAFETY= 20; var TSAFETY= 17; function branding() { oldIW= IW; oldIH= IH; oldPX= PX; oldPY= PY; if (navigator.appName == 'Netscape') { if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY)) { if (us == null) { for (i=0; i<document.layers.length; i++) { us= document.layers[i]; if (us.id == "Valley") break; } } if (us != null) { us.visibility= "hide"; IH= window.innerHeight; IW= window.innerWidth; PX= window.pageXOffset; PY= window.pageYOffset; (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0; (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0; //alert('document.layers.length: ' + document.layers.length); for (i=0; i<document.layers.length; i++) { templay= document.layers[i]; // alert('document.layers[' + i + '].id: ' + document.layers[i].id); if (templay.zIndex > ZIN) ZIN= (templay.zIndex + 1); } us.zIndex= ZIN; us.visibility= "show"; } } } else{ if (navigator.appVersion.indexOf("Mac") == -1) { if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY)) { alldivs= document.all.tags("DIV"); if (us == null){ for (i=0; i<alldivs.length; i++) { us= alldivs(i); if (us.id == "Valley") break; } } if (us != null){ us.style.display= "none"; IH= document.body.clientHeight; IW= document.body.clientWidth; PX= document.body.scrollLeft; PY= document.body.scrollTop; us.style.top= (IH+PY-(IMGH+TSAFETY)+12); us.style.left=(IW+PX-(IMGW+LSAFETY)+15); for (i=0; i<alldivs.length; i++){ templay= alldivs(i); if (templay.style.zIndex > ZIN) us.style.zindex= (templay.style.zIndex + 1); } us.style.display= ""; } } } } } if ((document.all) || (document.layers)){ setInterval("branding()",100); } </SCRIPT> <DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right"> <span id=tick2 class=tick2> </span> </DIV> </BODY> </HTML>

ساعة

<BODY onunload="stopTimer()" onLoad="startTimer()" > <SCRIPT>  </SCRIPT> <p> <font size=+1>Clock 2</font><hr> This clock will tell the time. The javascript updates the clock every 1000 milliseconds.<p> <CENTER><P><FORM NAME="clock"><INPUT TYPE="text" NAME="face" SIZE=11></FORM><p> </body>

تاريخ اليوم باللغة العربية

<div align="center"> <center> <table border="1" width="40%" height="30" bordercolor="#C0C0C0"> <tr> <td width="100%" align="center" height="1" colspan="3"> <script language="Javascript">  </script> <script language="Javascript">  </script> </td> </tr><p>

هذا الكود يستخدم في اظهار عدد الزيارات التي قام بها الزائر للصفحه ويتغير في كل مره يتم فيها زيارة الصفحه كما تشاهد بالنموذج التالي

هذا الكود يعطي كتابه مشتعله كل ماعليك هو قص الكود ولصقه في المكان الذي ترغب ان يظهر فيه من الصفحه كما في النموذج التال

<center><marquee direction="up" width="200" height="50" style="TAHOMA: 150%; font-size: 18pt; color: BLUE; border-style: ridge; border-color: #0066FF" bgcolor="#000000" scrolldelay="70" scrollamount="3"> <br> <center>سقطرى ترحب بكم <br> <br> </marquee></center> <br>

هذا الكود يعطي كتابه متحركه كل ماعليك هو قص الكود ولصقه في المكان الذي ترغب ان يظهر فيه من الصفحه واجراء التعديلات التي تناسبك مثل الحجم ولون الخط

©<script language="JavaScript">  </script>

هذا الكود يسخدم لجعل الرابط يومض بالوان مختلفه

<script language="JavaScript"> // --></script>

هذا الكود يمنع الزائر من استخدام زر الفأره الايمن

ظلل الجزء المحدد ثم انسخه مع تغيير ما يلزم

محرك بحث رائع

<A HREF="" TARGET="_New" onMouseOver="window.status='لتحميل برامجك المفضلة';return true" onMouseOut="window.status='';return true">صفحة البرامج</A>

ارتباط شريط المهام

<a HREF="javascript:window.external.AddFavorite('http://www.al-marje3.com/', ' [ المرجع العربي ] ')"><font face="Arial" size="2"><span style="background-color: rgb(232,204,153)"><strong>Add my WebSite to your favourites</strong></span></font></a>

اضافة الموقع الى المفضلة

<a href="javascript:window.external.AddFavorite('http://www.al-marje3.com/', '((( المرجع العربي )))')">سجل في مفضلتك عنوان الموقع </a>

اضافة الموقع الى المفضلة 2

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body> <p><style type="text/css"> .scroll {font-weight:bold; font-size:36; text-align: center; font-family: Verdana, Courier, Courier New;} </style> <script language="JavaScript1.2"> /* By Mark Baker Showcased on Dynamicdrive.com For full source code, visit http://dynamicdrive.com */ if (document.all) document.write('<script src="sinescroll.js"><\/script>') </script> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Permission given to Dynamicdrive.com to feature script in it's archive. For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com */ var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! var message="al-marje3.com " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> <script>  </script> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </p> </body> </html>

الاسم ملاحقة

ألعاب نارية

<html> <head> <title>باحث متقدم</title> <meta NAME="GENERATOR" CONTENT="Claris Home Page 3.0 30 Day Trial"> <X-CLARIS-WINDOW TOP="0" BOTTOM="315" LEFT="0" RIGHT="628"> <X-CLARIS-TAGVIEW MODE="minimal"> <meta HTTP-EQUIV="EXPIRES" VALUE="0"> <style></style> <script language="javascript"></script> </head> <body BGCOLOR="#FFFFFF" VLINK="#0000FF"> <p> </p> <script LANGUAGE="javascript"></script> <noscript> <form ACTION="http://search.go2net.com/crawler" METHOD="GET"> <p><input TYPE="text" NAME="general" VALUE SIZE="30"> <input TYPE="submit" NAME="Submit" VALUE=" بحث "> </p> </form> </body> </html>

باحث متقدم

<applet code=Banner3.class width=550 height=38> <param name=cattext0 value="WWW"> <param name=catbgcolor0 value="0,255,0"> <param name=catbgcolor1 value="0,255,0"> <param name=catbgcolor2 value="0,255,0"> <param name=cattextcolor0 value="0,0,255"> <param name=cattextcolor1 value="0,0,255"> <param name=cattextcolor2 value="0,0,255"> <param name=cattext1 value="WWW."> <param name=cattext2 value="WWW."> <param name=cattext3 value="WWW."> <param name=msgtext0 value="Click here for Website Abstraction!"> <param name=TextURL0 value="http://www.wsabstract.com"> <param name=msgtext1 value="Click here for CNN"> <param name=TextURL1 value="http://www.cnn.com"> <param name=msgtext2 value="Click here for author's homepage"> <param name=TextURL2 value="http://www.javagods.com"> <param name=MessageNo value="3"> <param name=catwidth value="150"> <param name=font value="Garamond"> <param name=speed value="25"> <param name=fontsize value="22"> <param name=pauseDelay value="3000"> <param name=fontstyle value="Bold"> <param name=msgbgcolor value="0,0,0"> <param name=linkcolor value="0,0,255"> <param name=msgtextcolor value="255,200,0"> <param name=dist value="1"> <param name=direction value="TopBottom"> <param name=align value="Center"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

بانر كتابي ورابط

www.al-marje3.com المرجع العربي   <HEAD> <SCRIPT LANGUAGE="JavaScript">   </script> </HEAD>  <BODY> <form name=search onSubmit="return findInPage(this.string.value);"> Find in Page <input name=string type=text size=15 onChange="n = 0;"> </form> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://www.hey.to/spcialman">SpcialMan</a></font> </center><p>

باحث في نفس الصفحة

<CENTER><P> <FORM action="http://pub10.bravenet.com/postcard/pickup.asp" method="post"> <INPUT type="hidden" name="usernum" value="795222305"> <A href="http://pub10.bravenet.com/postcard/post.asp?usernum=795222305"> <B>Click Here to Send an Internet Greeting Card</B></A><BR> <B>Enter Card ID Number to Pickup Your Greeting Card: </B> <INPUT type="text" size="12" maxlength="15" name="id"> <INPUT type="submit" name="submit" value="GO"><BR> <A href="http://www.bravenet.com/"> <IMG src="http://images.bravenet.com/pub/postcard.gif" border="0" width="100" height="35"></A> </FORM></CENTER>

بطاقة تحية

<applet code="FadeBan.class" name="FadeBan" width="580" height="45"> <param name="Testo" value="Welcome To Website Abstraction§Hope you've enjoyed your stay here§We look forward to seeing you again§Until next time webmaster"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

تأثير كتابي

<applet code="Slidetext.class" align="baseline" width="500" height="46"> <param name="bgcolor" value="000000"> <param name="font" value="TimesRoman"> <param name="size" value="28"> <param name="sleep" value="4000"> <param name="speed" value="2"> <param name="style" value="1"> <param name="text" value=" Welcome to Website Abstraction!"> <param name="txtcolor" value="ffffff"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

تأثير كتابي سريع

تاريخ

تحديث الصفحة

<applet CODE="Clock3D.class" WIDTH="200" HEIGHT="200"> <param name="fps" value="18"> <param name="a1" value="12500"> <param name="pixd" value="29"> <param name="pixangle" value="5"> <param name="radius" value="26"> <param name="roty" value="-4"> <param name="rotx" value="0"> <param name="rotz" value="0.401"> <param name="irotx" value="0"> <param name="iroty" value="0"> <param name="irotz" value="00"> <param name="style" value="1"> <param name="color" value="#00FF66"> <param name="bgcolor" value="#000000"> <param name="12hour" value="0"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

ساعة

<html> <head> <title> المرجع العربي </title> </head><body> <script language = "javascript">    /* !!!These specifications are supported in both IE and Netscape. You MUST give these variables a value!!! */ var clockwidth = 12 //specify the clock width var clockvalue = "--- Clock ---" //the text in the clock before the body is completly loaded (needs quotes) /* !!!!!extra clock looks only available in IE, not supported in netscape!!!! */ var clockfeatures = "yes" // do you want the extra looks? if no, you do not have to change the next 5 variables (must keep quotes around yes/no) var backcolor = "#000000" //specify background color (needs quotes) var textcolor = "#eeeeee" //specify text color (needs quotes) var borderstyle = "solid" //specify the type of border ((in quotes, type "original" for the normal style, regardless of your color and width specs) none,dotted,dashed,solid,double,groove,ridge,inset,outset) var bordercolor = "#a00000" //specify border color (needs quotes) (type in 0 for the borderwidth if you dont want one) var borderwidth = 1 //specify border width (a number in pixels, (type in 0 if you dont want one) var fontfamily = "Arial" //specify font type (needs quotes) (type in 'null' if you dont care)  document.onLoad = setInterval('chngtme()',100) if (document.all && clockfeatures=="yes") {document.write("<style> #clock { background: "+backcolor+"; color: "+textcolor+((borderstyle!='original')?'; border: '+bordercolor+' '+borderwidth+'px '+borderstyle+';':';')+" font-family: "+fontfamily+";} </style>")} function chngtme() { var t=new Date() var AP=((t.getHours()>=12)?" P.M.":" A.M.") var timeValue=""+((t.getHours()>12)?t.getHours()-12:(t.getHours()==0)?12:t.getHours()) timeValue+=((t.getMinutes()<10)?":0":":")+t.getMinutes() timeValue+=((t.getSeconds()<10)?":0":":")+t.getSeconds() timeValue+=AP document.clock.face.value=timeValue } document.write('<center><form name="clock" Action="#"><input id="clock" TYPE="text" NAME="face" SIZE="'+clockwidth+'" VALUE="'+clockvalue+'"></form></center>')  //--> </script> </body> </html>

ساعة صغيرة سوداء

<applet CODE="PictureClock.class" width="155" height="155"> <param name="Picture" value="oliver2.gif"> <param name="CounterClockwise" value="no"> <param name="ShowSecond" value="yes"> <param name="ShowMark" value="large"> <param name="MarkColor" value="black"> <param name="ShowRoundFrame" value="no"> <param name="RoundFrameWidth" value="1"> <param name="RoundFrameColor" value="black"> <param name="HourHandColor" value="yellow"> <param name="MinuteHandColor" value="green"> <param name="SecondHandColor" value="red"> <param name="BackgroundColor" value="#99cccc"> <param name="LengthHourTail" value="4"> <param name="LengthMinuteTail" value="6"> <param name="LengthSecondtail" value="8"> <param name="HourWaistSize" value="4"> <param name="MinuteWaistSize" value="3"> <param name="SecondWaistSize" value="2"> <param name="CenterDotColor" value="#000000"> <param name="CenterDotRadius" value="2"> <param name="ShowFrame" value="no"> <param name="ClockXOffset" value="34"> <param name="ClockYOffset" value="73"> <param name="ClockRadius" value="20"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

ساعة صورة

ساعة متحركة في الأسفل

<html> <head> <title> www.al-marje3.com </title> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> </head><body bgcolor="#FFFFFF" text="#000000"> <script language="VBScript"> Dim a Dim min1 Dim hr1 Dim sec1 'Initializes clock and tells it how to behave, when to start animation, etc Sub window_onload a = time min1 = minute(time) hr1 = hour(time) if hr1 > 12 then hr1 = hr1 - 12 end if sec1 = second(time) call sgSecondHand.Rotate(0,0,sec1*6 - 90) call sgMinuteHand.Rotate(0,0,min1*6 - 90) call sgHourHand.Rotate(0,0,hr1*360/12 - 90) call seq("Time").Play end Sub 'Sequencer initilization Sub Seq_OnInit Call seq("Time").at(0.000, "SecRot", -1, 1.000, 1) Call seq("Time").at(60.000, "MinRot", -1, 60.000, 1) Call seq("Time").at(0.000, "HourRot", -1, 1800.000, 1) End Sub 'rotates second hand of clock Sub SecRot Call sgSecondHand.Rotate(0,0,6) End Sub ' rotates minute hand of clock Sub MinRot Call sgMinuteHand.Rotate(0,0,6) End Sub ' rotates hour hand of clock Sub HourRot Call sgHourHand.Rotate(0,0,15) End Sub </script>  <div id="MASTERLAYOUT" STYLE="POSITION:ABSOLUTE;WIDTH:300; HEIGHT:300;TOP:25%;LEFT:25%">  <div id="divTimeText" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;z-index:2"> <br> <br> <br> <p align="center"> <font face="Verdana,Tahoma,Arial" size="5" color="YELLOW"> <BR> <BR> </font> </p>  <OBJECT ID="SgNumbers" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE= "POSITION:ABSOLUTE; WIDTH:215; HEIGHT:200; TOP:0; LEFT:0;Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0004" VALUE="SetFillColor(255,255,255)"> <PARAM NAME="Line0005" VALUE="SetFont('ARIAL',24,650,0,0,0)"> <PARAM NAME="Line0006" VALUE="Text('1',30,-66,0"> <PARAM NAME="Line0007" VALUE="Text('2',60,-36,0"> <PARAM NAME="Line0008" VALUE="Text('3',70,4,0"> <PARAM NAME="Line0009" VALUE="Text('4',60,44,0"> <PARAM NAME="Line0010" VALUE="Text('5',30,74,0"> <PARAM NAME="Line0011" VALUE="Text('6',-10,89,0"> <PARAM NAME="Line0012" VALUE="Text('7',-50,79,0"> <PARAM NAME="Line0013" VALUE="Text('8',-85,44,0"> <PARAM NAME="Line0014" VALUE="Text('9',-95,4,0"> <PARAM NAME="Line0015" VALUE="Text('10',-85,-36,0"> <PARAM NAME="Line0016" VALUE="Text('11',-60,-61,0"> <PARAM NAME="Line0017" VALUE="Text('12',-20,-76,0"> </OBJECT> </div>  <OBJECT ID="sgBackground" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200"> <PARAM NAME="Line0001" VALUE="SetLineStyle(5)"> <PARAM NAME="Line0002" VALUE="SetFillStyle(11)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0,0,0,255)"> <PARAM NAME="Line0004" VALUE="SetGradientFill(0,0,-100,-100,0)"> <PARAM NAME="Line0005" VALUE="Oval(-100,-100,200,200,0)"> </OBJECT> <div id="divClock" STYLE="POSITION:ABSOLUTE; WIDTH:200; HEIGHT:200; TOP:0; LEFT:0;">  <OBJECT ID="sgSecondHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 255, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,255,255)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-2,100,4,0)"> </OBJECT>  <OBJECT ID="sgMinuteHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:absolute; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(255, 0, 0)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-3,85,6,0)"> </OBJECT>  <OBJECT ID="sgHourHand" CLASSID = "CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6" STYLE="POSITION:ABSOLUTE; TOP:0; LEFT:0; WIDTH:200; HEIGHT:200; Z-INDEX:5"> <PARAM NAME="Line0001" VALUE="SetLineColor(0, 0, 255)"> <PARAM NAME="Line0002" VALUE="SetLineStyle(1)"> <PARAM NAME="Line0003" VALUE="SetFillColor(0,0,255)"> <PARAM NAME="Line0004" VALUE="SetFillStyle(1)"> <PARAM NAME="Line0005" VALUE="Rect(-5,-3,70,6,0)"> </OBJECT> </div> </div>  <OBJECT ID="Seq" CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96"> </OBJECT> </body> </html>

ساعة ملونة

<html> <head> <title>Floating Time</title> <script language="JavaScript"> // Instructions: // This script combines a bunch of different scripts together to // create the effect of a "floating clock." First off, the browser // requirements are IE 4.0+. Other browsers will work, // but the clock will be in the status bar. Don't worry, there's // a browser detector included, to keep the script completely bug-free. // I've commented out all of the different sections, to try and make // it a little easier to understand. Here's a list of the features that // this "mega-script" includes: Real time clock, message based on the time, // browser detector, floating display, and AM/PM. There's very little // that you have to do to set this up; just the font size and color. // Start Time Function function makeclock() { // Declare the time variables var runTime = new Date() var hours = runTime.getHours() var minutes = runTime.getMinutes() var seconds = runTime.getSeconds() var dn = "AM" var msg = null if (hours > 12) { dn = "PM" hours -= 12 } if (hours == 0) { hours = 12 } // After all the definitions for "hours" are done, make the timely messages if (hours <= 12 && dn == "AM") { msg = "صباح الخير" } else if (hours <= 5 && dn == "PM") { msg = "مساء الخير" } else { msg = "مساء الورد" } // Continue on with regular time function if (minutes <= 9) { minutes = "0" + minutes } if (seconds <= 9) { seconds = "0" + seconds; } currtime = hours + ":" + minutes + ":" + seconds + " " + dn // Make sure that the browser is IE 4.0+ or compatible if (document.all) { currtime += "<br>" + msg var html document.all.clockface.innerHTML = currtime } // If the browser's not IE 4.0+, the clock displays in the status bar else { currtime += " - " + msg window.status = currtime } // Make sure that the clock keeps going var keepgoing = setTimeout("makeclock()", 1000) // Start the floater function check() } // End Time Function // Start floater code var mover = null if (navigator.appName.indexOf("Netscape") != -1) { var mover = "document.clockface.top = window.pageYOffset" } else { var mover = "clockface.style.pixelTop = document.body.scrollTop + 10" } function check() { object = "clockface" eval(mover) setTimeout("check()", 0) } // End floater code </script> </head>  <body onLoad="makeclock()">   <style type="text/css"> #clockface { background-color : White; border: 2px solid black; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt; font-style : normal; padding : 1; color : Black; position:absolute; visibility:show; left:10px; top:10px; z-index:0 } </style>   <div id="float"> <div id="clockface"> </div> </div>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>

ساعة وتحية

شفرة الشاشة المتحركة

عبارة وامضة في شريط الحالة

<A HREF="http://www.r-jementerprises.com/counters/"><IMG SRC="http://www.r-jementerprises.com/cgi-bin/counters/plain2.pl?354" HEIGHT="25" WIDTH="80" ALT="Free Counter" BORDER="0"></A>

عداد جيد

<CENTER><A href="http://counterstats10.bravenet.com/index.php?id=316674" target="_top"> <SCRIPT language="Javascript"> document.write('<IMG src="http://counter10.bravenet.com/counter.php?id=316674&ref='+escape(document.referrer)+'" border="0">'); </SCRIPT></A> </CENTER>

عداد على شكل سيف

<img src="http://cgibin.erols.com/cgi-bin/Count.cgi?df=NULL&ft=0&tr=N&dd=D&md=6&st=990">

عداد صغير أخضر

<script LANGUAGE="JavaScript">  </script>

كتابة رسالة على شريط المهام

<applet code=NavigatorTicker11.class width=300 height=28 > <param name=count value=3 > <param name=msg0 value="Website Abstraction main index. \\http://www.abstract.simplenet.com" > <param name=msg1 value="Website Abstraction Java Index. \\http://www.abstract.simplenet.com/java/javafront.htm" > <param name=msg2 value=" Website Abstraction Resources. \\http://www.abstract.simplenet.com/html.htm" > <param name=speed value=8 > <param name=bgco value=107,184,88 > <param name=txtco value=250,250,0 > <param name=linkco value=180,25,21 > </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

كتابة متحركة

مؤثرات الكتابة

محرك بحث رائع

<HTML> <HEAD> <TITLE>Floating Menu</TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD>  <BODY onLoad="check()">  <DIV id="menu" style="position:absolute; visibility:show; left:10px; top:10px; z-index:0"> مرحبا بك فى موقع روزانا </div>  <br><br><br><br> <br> <br> <a href="http://www.webtutorials.tsx.org"> </a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </BODY> </BODY>

مرافقة

<APPLET CODE="Firework.class" WIDTH="399" HEIGHT="349"> <PARAM NAME="AnimationSpeed" VALUE="50"> <PARAM NAME="RocketSoundtrack" VALUE="fire.au"> <PARAM NAME="RocketStyleVariability" VALUE="10"> <PARAM NAME="MaxRocketNumber" VALUE="9"> <PARAM NAME="MaxRocketExplosionEnergy" VALUE="850"> <PARAM NAME="MaxRocketPatchNumber" VALUE="90"> <PARAM NAME="MaxRocketPatchLength" VALUE="68"> <PARAM NAME="Gravity" VALUE="400"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

مفرقعات

<SCRIPT language=JavaScript> // --></SCRIPT>

منع استخدام الزر الأيمن

<script language="JavaScript"> var isIE4 = false; function CheckBrowser() { if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }} function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} } function mOvrTop(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOutTop(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}} </script>  <table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> <tr> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.yahoo.com/"><font face="Verdana" size="-2">YAHOO</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://hotbot.lycos.com/"><font face="Verdana" size="-2">HOTBOT</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://WWW.CNN.com/"><font face="Verdana" size="-2">CNN</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.al-marje3.com/"><font face="Verdana" size="1"> المرجع العربي</font></a> </td> </tr> </table>

مينيو جانبي شفاف

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY OnLoad="checkVersion4()">  <b>اظغط مرة واحدة على كلمة مينيو متحرك وسوف يتحرك معاك <br> وظغتين للتخلص منة</b> <br> <div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2"> <table border=1 cellpadding=5> <tr> <td bgcolor=eeeeee><a href="javascript:void(0)" onmousedown="setObject(1)">مينيو متحرك</a></td> </tr> <tr> <td> <br> <A HREF="javascript:void(0)">الصفحة الاولى</A><br> <A HREF="javascript:void(0)">الصفحة الثانية</a><br> <A HREF="javascript:void(0)">الصفحة الثالثة</a> </td> </tr> </table> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div> <p><center> <font face="arial, helvetica" size="-2"><br> <a href="http://javascriptsource.com"></a></font> </center><p>

مينيو متحرك

<center> <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <center> <form name="form"> <select name="site" size=1> <option value="http://worldzone.net/arts/damma2000">الصفحة الرئيسية <option value="http://worldzone.net/arts/damma2000/mofcra.html ">مفكرة دمعه للمواقع <option value="http://worldzone.net/arts/damma2000/spekhtm.shtml">حوارات دمعه <option value="http://www.alxbook.com/cgi-bin/guestbook.cgi?gb=Y36718">سجل الزوار <option value="http://worldzone.net/arts/damma2000/gift.htm ">صفحات للاهداء </select> <input type=button value="أذهب !" onClick="javascript:formHandler()"> </form> </center>

لستة نازلة