Untitled Normal Page

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

أولاً: أحببت أن اضفي على هذه الصفحة بعض من عروض الجافا.. والتي أتمنى منكم الرضا عنها ولعلها.. بعض من فيض .. ولكن الجود من الموجود.

ثانياً: بالنسبة للمبتدئين لتعلم الجافا.. أضفت بعض العروض الجاهزة.

ثالثاً: كيفية لصقها .. وفي أي برنامج .. والطريقة لفعل ذلك.

<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">

تأثير الدخول.. جديد

<SCRIPT language="JavaScript">  </SCRIPT> <p align="center"><font face="Tahoma" size="2" color="#0000FF">ادخل عنوان صديقك وانصحه بزيارة موقعي واضف اللينك له</font></p> <P> <FORM name="e_form" style="background-color: #F0F0F0"> <p align="center"><font face="Tahoma" size="2" color="#0000FF">عنوان البريد</font> <p align="center"><font face="Tahoma" size="2" color="#0000FF"> <INPUT type="text" name="emadd" size="30"> </font> <p align="center"><font face="Tahoma" size="2"><font color="#0000FF">موضوع الرسالة <BR> </font> <INPUT type="text" name="subj" size="30"> </font> <P align="center"> <INPUT TYPE="button" Value="ارسل الان" onClick="e_friend(this.form.emadd.value,this.form.subj.value)"> </form>

أرسل الى صديق...جديد

<INPUT onclick="window.open('file:///C|/', 'display', 'scrollbars=1')" type=button value="إضغط هنا لإختراق جهازك">

إختراق السي..جديد

<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://almudarra.i8.com');">هل تريد موقعي هوالإفتراضي</a>

يجعل موقعك الإفتراضي..جديد

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

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

ساعة

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY OnLoad="checkVersion4()">  <b>Click on "Moveable Menu" to pick<br> it up and Double Click to drop it!</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)">Movable Menu</a></td> </tr> <tr> <td> <br> <A HREF="javascript:void(0)">Menu Item # 1</A><br> <A HREF="javascript:void(0)">Menu Item # 2</a><br> <A HREF="javascript:void(0)">Menu Item # 3</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">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

قائمة جميلة

للكتابة في الحالة

<SCRIPT language=JavaScript> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, 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:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </SCRIPT>

يلحق الماوس

جديد...ساعة جميلة ..أنصح بلصقها في موقعك

<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>

جديد...للخلفية الشاشة ..بواسطة اختيار اللون

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

تــقــويــم

<div align="center"> <center><table border="2" width="200" cellspacing="0" cellpadding="0" bgcolor="#000000" style="border-color:black" onClick="previouskey=event.srcElement.innerText"> <tr> <td width="100%" bgcolor="#FFFFFF" id="result" style="font:bold 20px Verdana;color:black;text-align='right'">0</td> </tr> <tr> <td width="100%" valign="middle" align="center"><table border="0" width="100%" cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white"> <tr> <td width="80%" align="center"><table border="1" width="100%" cellspacing="0" cellpadding="0" style="cursor:hand;font:bold 20px Verdana;color:white" onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'" onMouseout="event.srcElement.style.color='white'" onselectStart="return false" onClick="calculate()" height="82"> <tr> <td width="25%" align="center" height="17">7</td> <td width="25%" align="center" height="17">8</td> <td width="25%" align="center" height="17">9</td> <td width="25%" align="center" height="17">/</td> </tr> <tr> <td width="25%" align="center" height="19">4</td> <td width="25%" align="center" height="19">5</td> <td width="25%" align="center" height="19">6</td> <td width="25%" align="center" height="19">*</td> </tr> <tr> <td width="25%" align="center" height="19">1</td> <td width="25%" align="center" height="19">2</td> <td width="25%" align="center" height="19">3</td> <td width="25%" align="center" height="19">-</td> </tr> <tr> <td width="25%" align="center" height="19">0</td> <td width="25%" align="center" height="19" onClick="pn();previouskey=1;event.cancelBubble=true">+/-</td> <td width="25%" align="center" height="19">.</td> <td width="25%" align="center" height="19">+</td> </tr> </table> </td> <td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" style="cursor:hand;font:bold 20px Verdana;color:white;text-align:center" onClick="result.innerText=0;results=''">C</td> </tr> </table> </div><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0" height="81"> <tr> <td width="100%" style="cursor:hand;font:bold 32px Verdana;color:white;text-align:center" onMouseover="event.srcElement.style.color='yellow'" onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td> </tr> </table> </div></td> </tr> </table> </td> </tr> </table> </center> </div> <script language="JavaScript1.2"> /* DHTML Calculator Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var results='' var previouskey='' var re=/(\/|\*|\+|-)/ var re2=/(\/|\*|\+|-){2}$/ var re3=/.+(\/|\*|\+|-).+/ var re4=/\d|\./ var re5=/^[^\/\*\+].+\d$/ var re6=/\./ function calculate(){ if (event.srcElement.tagName=="TD"){ if (event.srcElement.innerText.match(re4)&&previouskey=="=") results='' if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString().match(re6)) results=results.toString().substring(0,12) result.innerText=results } results+=event.srcElement.innerText if (results.match(re2)) results=results.substring(0,results.length-2)+results.charAt(results.length-1) result.innerText=results } } function calculateresult(){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString().match(re6)) results=results.toString().substring(0,12) result.innerText=results } function pn(){ if (result.innerText.charAt(0)!='-') result.innerText=results='-'+result.innerText else if (result.innerText.charAt(0)=='-') result.innerText=results=result.innerText*(-1) } </script>

آلة حاسبة

ساعة

<SCRIPT LANGUAGE="Javascript"> //http://go.to/Mr.T name=window.prompt("ادخل أسمك.","أدخل اسمك هنا"); document.write("<H1 align=center>مرحبا! "+name+".</H1>") //--> </script>

للترحيب بضيوف الصفحة

<body> <p align="center"> <script language="JavaScript">   B=document.all; C=document.layers; T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",10,10) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate) // --></script> </p> </body>

صورة تلحق بالماوس

جديد...ضع الماوس على الكلمة وجربه

<table border=1 bordercolor="#000000" cellspacing=0 cellpadding=5> <tr align="center"><td valign="middle" nowrap height="6" colspan="2" style="background-color: #999999; border: 6 ridge #0000FF"> <form method="post" action="http://spcialman.search.everyone.net/search/search/SearchResults" target="newwindow"> <font face="Arial,Helvetica, sans-serif" color="#000000" size="2"><b>Search</b> <select name="e.searchNID" size="1"> <option value=394173>MP3</option> <option value=394183>Media</option> <option value=394174>Shareware</option> <option value=394180>Computers</option> <option value=394179>Usenet</option> <option value=394175>Health</option> <option value=394182>Politics</option> <option value=394181>Employment</option> <option value=394176>Sports</option> <option value=394177>Kids</option> <option value=394185>Business</option> <option value=394186>Education</option> <option value=394184>Sciences</option> <option value=394178>Entertainment</option> <option value=394172 selected>The Web</option> </select><br></font><font face="Arial,Helvetica, sans-serif" color="#000000" size="3"> <input type="text" size="12" name="e.searchQuery" value=""> <input type="submit" name="e.newSearch" value="Go"> <br></font><i><a href="http://www.spcialman.cjb.net" target="newwindow" ><b><font color="#0000FF" size="2" target="newwindow">Powered By spcialman</font></b></a></i> </td></tr></table></form>

محرك بحث رائع..جداً

<a href="javascript:window.external.AddFavorite('http://naif.com',%20'((( نايف )))')">اضف هذا الموقع الى مفضلتك</a>

للإضافة في المفضلة

صورة تلحق بالماوس

جديد...محرك بحث رائع جداً

<body> <script LANGUAGE="JavaScript"> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert("تــحــذيــر!! لاتنقر على زر الماوس الأيمن مرة أخرى"); times++ } } function bye() { alert("حذرتك لاكنك ما تسمع الكلام!؟"); bye() } </script> </body>

جديد...تحذير من استخدام الزر الأيمن مما يؤدي الى عدم عمله

جديد...للكتابة في شريط الحالة بثلاث جمل

<SCRIPT LANGUAGE="JavaScript1.2">     </script>

صورة على شكل أمطار

<script Language="JavaScript"> document.write(screen.width + " x " + screen.height) </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> <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>

باحث متقدم

<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>

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

تاريخ

<html> <head> <title>JavaClock v2.3 Written by The Transcendent</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>

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

<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>

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

<html> <head> <title>Java Script Library -> http://java.tatousek.cz - 00020 Sample</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>

ساعة ملونة

جديد...شفرة الشاشة المتحركة

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

<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.sahab.net/"><font face="Verdana" size="1">شبكة سحاب</font></a> </td> </tr> </table>

قائمة جانبية شفافة

<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>

لستة نازلة

روابط بدون خطوط

روابط تكبر

وقت وتاريخ

زلزال

جديد...لعبة ثقيلة..جربها

<center> <script language="Javascript">  //http://www.crosswinds.net/~damma2000 </script> </center>

تحية على حسب الوقت

<html> <head><script LANGUAGE="JavaScript"> function createHexArray(n) { this.length = n; for (var i = 1; i <= n; i++) this[i] = i - 1; this[11] = "A"; this[12] = "B"; this[13] = "C"; this[14] = "D"; this[15] = "E"; this[16] = "F"; return this; } hx = new createHexArray(16); function convertToHex(x) { if (x < 17) x = 16; var high = x / 16; var s = high+""; s = s.substring(0, 2); high = parseInt(s, 10); var left = hx[high + 1]; var low = x - high * 16; if (low < 1) low = 1; s = low + ""; s = s.substring(0, 2); low = parseInt(s, 10); var right = hx[low + 1]; var string = left + "" + right; return string; } function makeRainbow(text) { text = text.substring(0, text.length); color_d1 = 255; mul = color_d1 / text.length; for(var i = 0; i < text.length; i++) { color_d1 = 255*Math.sin(i / (text.length / 3)); color_h1 = convertToHex(color_d1); color_d2 = mul * i; color_h2 = convertToHex(color_d2); k = text.length; j = k - i; if (j < 0) j = 0; color_d3 = mul * j; color_h3 = convertToHex(color_d3); document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>"); } } // End --> </script> <title>نص بلون قوس قزح</title> </head> <body> <strong><font size="5"><script>  </script> </font></strong> </body> </html>

جديد...تلوين النص بألوان الطيف

خلفية متغيرة