كود ساعة جميلة تتبع الماوس

<!--<br />Mouse attack Script by kurt.grigg@virgin.net<br />var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13;<br />if (document.layers){<br />for (i = 0; i < amount; i++)<br />{document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+'<br />height='+i/3+' bgcolor=#ffffff></layer>');}<br />window.captureEvents(Event.MOUSEMOVE);<br />function nsMouse(evnt){<br />xpos=evnt.pageX;ypos=evnt.pageY;<br />}<br />window.onMouseMove = nsMouse;<br />}<br />else if (document.all){<br />document.write('<div<br />style="position:absolute;top:0px;left:0px">');<br />document.write('<div style="position:relative">');<br />for (i = 0; i < amount; i++)<br />{document.write('<div id=k<br />style="position:absolute;top:0px;left:0px;width:'+i/3+';height:'+i/3+';background:#ffffff;font-size:'+i/3+'"></div>')}<br />document.write('</div></div>');<br />function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y}<br />document.onmousemove = iMouse;<br />}<br />function getAngle(){<br />Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X)<br />* 180/Math.PI);<br />if (angle < 0)angle += 360;<br />}<br />function bomb(){<br />if (document.layers){<br />Yscroll=window.pageYOffset;<br />ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth);<br />yybase=window.innerHeight-10;xxbase=window.innerWidth-10;<br />}<br />else if (document.all){<br />Yscroll=document.body.scrollTop;<br />ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth);<br />xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10;<br />}<br />if ((xbase > 10 && xbase < xxbase) && (ybase ><br />10 && ybase < yybase))<br />bomb();<br />else { if ((divLeft > xpos-speed/1.5) && (divLeft <<br />xpos+speed/1.5) && (divTop >= ypos-speed/1.5) &&<br />(divTop <= ypos+speed/1.5)) {divTop=ybase+Yscroll;divLeft=xbase}<br />y = Math.round(speed*Math.sin(angle*Math.PI/180));x =<br />Math.round(speed*Math.cos(angle*Math.PI/180));<br />divTop+=y;divLeft+=x;<br />getAngle();<br />T=setTimeout('bomb()',20); }<br />}<br />function Split(){<br />Clrs=new Array('fff000','ffffff','ffa500')<br />var ntscp=document.layers,msie=document.all;<br />if (document.layers){<br />for (i = 0; i < amount; i++)<br />{ if (i < amount-1)<br />{ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left}<br />else {ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft}<br />}<br />}<br />else if (document.all){<br />for (i = 0; i < amount; i++)<br />{ if (i < amount-1)<br />{msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left}<br />else {msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft}<br />}<br />}<br />for (i=0; i < amount-1; i++) { for (n=0; n < Clrs.length; n++)<br />{var x=Math.round(Math.random()*n)} if<br />(document.layers){ntscp['nsa'+i].bgColor=Clrs[x]} else if<br />(document.all){msie.k[i].style.background=Clrs[x]} }<br />setTimeout("Split()",20);<br />}<br />function StArT(){bomb();Split()}<br />window.onload=StArT;<br />//--><br /></SCRIPT><br /><!-- Paste in head --> <script language="JavaScript"><br /><!-- Silly Clock by kurt.grigg@virgin.net CoLoUrS=new<br />Array('fff000','00ff00','ff00ff');//Clock face colours.<br />sCol='ff00ff';//seconds colour.<br />mCol='00ff00';//minutes colour.<br />hCol='fff000';//hours colour. //Alter nothing below!<br />H='Hours..';<br />H=H.split('');<br />H=H.reverse();<br />M='Minutes..';<br />M=M.split('');<br />M=M.reverse();<br />S='Seconds..';<br />S=S.split('');<br />S=S.reverse();<br />dots=12;<br />var Ypos=0,Xpos=0,Ybase=0,Xbase=0;<br />var<br />ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;<br />count=0;<br />count_a=0;<br />move=1;<br />ns=(document.layers)?1:0;<br />viz=(document.layers)?'hide':'hidden';<br />if (ns){<br />for (i=0; i < dots; i++)<br />document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff<br />clip="0,0,3,3"></layer>');<br />for (i=0; i < S.length; i++)<br />document.write('<layer name=nx'+i+' top=0 left=0 width=36<br />height=36><font face=Verdana size=2<br />color='+sCol+'><center>'+S[i]+'</center></font></layer>');<br />for (i=0; i < M.length; i++)<br />document.write('<layer name=ny'+i+' top=0 left=0 width=36<br />height=36><font face=Verdana size=2<br />color='+mCol+'><center>'+M[i]+'</center></font></layer>');<br />for (i=0; i < H.length; i++)<br />document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font<br />face=Verdana size=2<br />color='+hCol+'><center>'+H[i]+'</center></font></layer>');<br />}<br />else{<br />document.write('<div id="W"<br />style="position:absolute;top:0px;left:0px"><div<br />style="position:relative">');<br />for (i=0; i < dots; i++){<br />document.write('<div id="face"<br />style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');<br />}<br />document.write('</div></div>');<br />document.write('<div id="X"<br />style="position:absolute;top:0px;left:0px"><div<br />style="position:relative">');<br />for (i=0; i < S.length; i++){<br />document.write('<div id="x"<br />style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');<br />}<br />document.write('</div></div>')<br />document.write('<div id="Y"<br />style="position:absolute;top:0px;left:0px"><div<br />style="position:relative">');<br />for (i=0; i < M.length; i++){<br />document.write('<div id="y"<br />style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');<br />}<br />document.write('</div></div>')<br />document.write('<div id="Z"<br />style="position:absolute;top:0px;left:0px"><div<br />style="position:relative">');<br />for (i=0; i < H.length; i++){<br />document.write('<div id="z"<br />style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');<br />}<br />document.write('</div></div>');<br />}<br />if (ns){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){<br />Ypos = evnt.pageY+100; Xpos = evnt.pageX+100; } window.onMouseMove =<br />nsMouse;<br />}<br />else{ function ieMouse(){ Ypos=event.y+100; Xpos=event.x+100; }<br />document.onmousemove=ieMouse;<br />} function clock(){<br />time = new Date ();<br />secs = time.getSeconds();<br />sec = -1.57 + Math.PI * secs/30;<br />mins = time.getMinutes();<br />min = -1.57 + Math.PI * mins/30;<br />hr = time.getHours();<br />hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;<br />Ybase=15;<br />Xbase=15;<br />if (ns){<br />document.layers["nx"+0].visibility=viz;<br />document.layers["ny"+0].visibility=viz;<br />document.layers["nz"+0].visibility=viz;<br />for (i=0; i < S.length; i++){<br />document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);<br />document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec); }<br />for (i=0; i < M.length; i++){<br />document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);<br />document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min); }<br />for (i=0; i < H.length; i++){<br />document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);<br />document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs); }<br />for (i=0; i < dots; ++i){<br />document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));<br />document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9)); }<br />}<br />else{<br />var scrll=document.body.scrollTop;<br />W.style.pixelTop=scrll;<br />X.style.pixelTop=scrll;<br />Y.style.pixelTop=scrll;<br />Z.style.pixelTop=scrll;<br />x[0].style.visibility=viz;<br />y[0].style.visibility=viz;<br />z[0].style.visibility=viz;<br />for (i=0; i < S.length; i++){<br />x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);<br />x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec); }<br />for (i=0; i < M.length; i++){<br />y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);<br />y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min); }<br />for (i=0; i < H.length; i++){<br />z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);<br />z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs); }<br />for (i=0; i < dots; ++i){<br />face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));<br />face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9)); }<br />}<br />}<br />function MouseFollow(){<br />ay=Math.round(Ay+=((Ypos)-Ay)*4/15);<br />ax=Math.round(Ax+=((Xpos)-Ax)*4/15);<br />by = Math.round(By+=(ay-By)*4/15);<br />bx = Math.round(Bx+=(ax-Bx)*4/15);<br />cy = Math.round(Cy+=(by-Cy)*4/15);<br />cx = Math.round(Cx+=(bx-Cx)*4/15);<br />dy = Math.round(Dy+=(cy-Dy)*4/15);<br />dx = Math.round(Dx+=(cx-Dx)*4/15);<br />clock();<br />setTimeout('MouseFollow()',10);<br />}<br />function colourStep(){<br />count+=move;<br />if (count >= dots) {count=0;count_a+=move}<br />if (count_a == CoLoUrS.length) count_a=0;<br />if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];<br />else face[count].style.background=CoLoUrS[count_a];<br />setTimeout('colourStep()',100)<br />}<br />function StartAll(){<br />MouseFollow();<br />colourStep();<br />}<br />if (document.layers || document.all) window.onload=StartAll;<br />//--><br /></script>