亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

隨鼠標移動的時鐘非常漂亮遺憾的是只支持IE

2019-11-20 14:16:37
字體:
來源:轉載
供稿:網友

新建一個文本文件,將下面的代碼復制進去,將文件名字改為clock.html運行即可。

<SCRIPT language=JavaScript><!-- dCol='0000FF';//date colour. fCol='0000FF';//face colour. sCol='0000FF';//seconds colour. mCol='0000FF';//minutes colour. hCol='0000FF';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.5; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+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 < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></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 < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></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 < H.length; i++) document.write('<div 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 < M.length; i++) document.write('<div 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 < S.length; i++) document.write('<div 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 < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',40); } if (ns||ie)window.onload=Delay; // --></SCRIPT>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久精品国产91精品亚洲| 国产91在线播放| 欧美在线视频免费播放| 亚洲欧美国产精品久久久久久久| 精品国内产的精品视频在线观看| 久久99久国产精品黄毛片入口| 国产日韩在线一区| 亚洲香蕉在线观看| 另类少妇人与禽zozz0性伦| 精品国产美女在线| 国产亚洲欧洲高清| 亚洲欧美自拍一区| 久久精品视频亚洲| 欧美一区视频在线| 亚洲人av在线影院| 久久天天躁狠狠躁夜夜av| yw.139尤物在线精品视频| 欧美丰满老妇厨房牲生活| 成人网址在线观看| 尤物精品国产第一福利三区| 91精品视频大全| 91色在线视频| 成人春色激情网| 日韩黄色高清视频| 日韩美女写真福利在线观看| 亚洲国产精彩中文乱码av| 精品五月天久久| 中文字幕日韩免费视频| 久久免费少妇高潮久久精品99| 亚洲一区二区三区xxx视频| 亚洲成人av资源网| 国产va免费精品高清在线| 中文字幕精品影院| 日韩免费观看视频| 中文字幕日韩免费视频| 国产国产精品人在线视| 美日韩在线视频| 最近的2019中文字幕免费一页| 亚洲女人被黑人巨大进入| 亚洲激情在线观看视频免费| 日日狠狠久久偷偷四色综合免费| 亚洲欧洲一区二区三区在线观看| 久久久久久久久国产| www.亚洲人.com| 全色精品综合影院| 久久九九有精品国产23| 欧美理论电影在线播放| 国产在线精品自拍| 久久免费精品视频| 国产福利视频一区二区| 日韩av一区在线| 激情懂色av一区av二区av| 久久精彩免费视频| 国产成人精品综合| 91av免费观看91av精品在线| 日韩av免费观影| 欧美日韩国产成人高清视频| 亚洲另类欧美自拍| 国产欧美va欧美va香蕉在| 亚洲欧美在线看| 欧美激情精品在线| 国产一区二区三区直播精品电影| 亚洲视频一区二区三区| 国产一区二区三区日韩欧美| 国产精品自拍视频| 中文字幕亚洲一区二区三区| 国产成人aa精品一区在线播放| 亚洲毛片在线免费观看| 国产精品久久久久久久久久99| 狠狠综合久久av一区二区小说| 久久久久久成人| 欧美精品电影免费在线观看| 亚洲人成电影网站| 一本色道久久综合狠狠躁篇怎么玩| 国产精品一区二区久久精品| 亚洲福利视频专区| 国产玖玖精品视频| 91成品人片a无限观看| 日产精品99久久久久久| 亚洲黄色www| 亚洲国产精品中文| 国产精品日本精品| 45www国产精品网站| 91福利视频网| 国产精品丝袜一区二区三区| 精品久久久久久久久久久久久久| 欧美日韩在线观看视频小说| 国产三级精品网站| 日本成人激情视频| 亚洲乱码一区二区| 亚洲国产高潮在线观看| 国内精品久久久久久中文字幕| 美女福利视频一区| 亚洲图片制服诱惑| 欧洲精品在线视频| 日韩一级黄色av| 91九色综合久久| 一本久久综合亚洲鲁鲁| 成人在线视频福利| 色中色综合影院手机版在线观看| 中文字幕亚洲无线码a| 在线a欧美视频| 亚洲福利视频网站| 亚洲成人av在线| 亚洲成人性视频| 国产精品久久久久9999| 国产日韩欧美视频在线| 91精品久久久久久久久久久久久| 亚洲成年网站在线观看| 日韩中文字幕第一页| 久久亚洲私人国产精品va| 日韩高清电影免费观看完整| 亚洲人成亚洲人成在线观看| 97热精品视频官网| 91免费观看网站| 茄子视频成人在线| 中文字幕视频一区二区在线有码| 亚洲天堂2020| 51精品在线观看| 亚洲小视频在线| 久久av在线看| 一区二区三区国产在线观看| 欧美主播福利视频| 国产精品午夜一区二区欲梦| www.久久草.com| 26uuu另类亚洲欧美日本一| 精品香蕉一区二区三区| 日韩av在线免费观看一区| 欧美大片大片在线播放| 国产自产女人91一区在线观看| 成人激情视频小说免费下载| 日本精品久久电影| 成人av电影天堂| 中文字幕久热精品视频在线| 在线精品国产欧美| 一本大道亚洲视频| 日韩网站免费观看| 日韩欧美中文字幕在线播放| 亚洲午夜精品久久久久久久久久久久| 国产精品啪视频| 亚洲少妇激情视频| 日韩在线视频免费观看高清中文| 亚洲欧美日本精品| 91精品国产综合久久香蕉922| 日韩二区三区在线| 91色在线视频| 国产精品一区二区电影| 欧美一区二区大胆人体摄影专业网站| 亚洲精品美女在线观看| 亚洲成人网在线| 日韩精品极品视频| 国外色69视频在线观看| 国产欧美日韩精品在线观看| 欧美刺激性大交免费视频| 国产欧美一区二区三区久久| 国产999在线观看| 精品视频在线播放免| 欧美亚州一区二区三区| 欧美一级大片在线免费观看| 久久久久久久影视| 亚洲精品国产精品国产自| 91中文精品字幕在线视频| 社区色欧美激情 | 午夜精品国产精品大乳美女|