ساعة ترافق الماوس مع التاريخ

طريقة التركيب

انسخ هذا الكود و ضعه في منطقة HEAD

<script language="JavaScript"> // Visit our site at http://www.star28.com/ for more code dCol='0000FF';//date colour. fCol='006600';//face colour. sCol='9900FF';//seconds colour. mCol='FF4500';//minutes colour. hCol='FF4500';//hours colour. ClockHeight=35; ClockWidth=35; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM","WWW.STAR28.COM"); m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < year="year+1900;" todaysdate=" " d="TodaysDate.split('');" h="'...';" h="H.split('');" m="'....';" m="M.split('');" s="'.....';" s="S.split('');" font="'Arial';" speed="0.6;" ns="(document.layers);" ie="(document.all);" n="Face.length;" a="size*10;" ymouse="0;" xmouse="0;" scrll="0;" props="<span +size+" style="font-family: size=;font-size:1;;color:+fCol+;"><b>"; props2="<span style="font-family:+font+;font-size:+size+;color:+dCol+;"><b>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < dy="new" dx="new" dy="new" dx="new" i="0;" i="0;" name="nsDate'+i+'" top="0" left="0" height="'+a+'" width="'+a+'"><center>'+props2+D[i]+'</span></center></layer>'); for (i=0; i < name="nsFace'+i+'" top="0" left="0" height="'+a+'" width="'+a+'"><center>'+props+Face[i]+'</span></center></layer>'); for (i=0; i < name="nsSeconds'+i+'" top="0" left="0" width="15" height="15"><span style="font-family:Arial;font-size:100%;color:'+sCol+';"><center><b>'+S[i]+'</b></center></span></layer>'); for (i=0; i < name="nsMinutes'+i+'" top="0" left="0" width="15" height="15"><span style="font-family:Arial;font-size:100%;color:'+mCol+';"><center><b>'+M[i]+'</b></center></span></layer>'); for (i=0; i < name="nsHours'+i+'" top="0" left="0" width="15" height="15"><span style="font-family:Arial;font-size:100%;color:'+hCol+';"><center><b>'+H[i]+'</b></center></span></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</b></span></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</b></span></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < f="(ns)?document.layers['nsFace'+i]:ieFace[i].style;" top="y[i]" left="x[i]" i="0;" hl="(ns)?document.layers['nsHours'+i]:ieHours[i].style;" top="y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;" left="x[i]+HandX+(i*HandWidth)*Math.cos(hrs);" i="0;" ml="(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;" top="y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;" left="x[i]+HandX+(i*HandWidth)*Math.cos(min);" i="0;" sl="(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;" top="y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;" left="x[i]+HandX+(i*HandWidth)*Math.cos(sec);" i="0;" dl="(ns)?document.layers['nsDate'+i]:ieDate[i].style;" top="Dy[i]" left="Dx[i]" scrll="(ns)?window.pageYOffset:0;" i="1;" i="1;" onload="Delay;">