您好,欢迎访问三七文档
当前位置:首页 > 临时分类 > 一款鼠标跟随特效代码
精编WORD文档下载可编缉打印下载文档,远离加班熬夜一款鼠标跟随特效代码篇一:网页制作特效——鼠标特效代码网页制作特效——鼠标特效说明:选择下列特效中的一种,选择其中蓝色的部分,粘贴在html的<body></body>之间,预览效果。(一)时钟环绕鼠标<!--将以下代码加入HTML的<Body></Body>之间--><SCRIPTlanguage=JavaScript><!--dCol=0000FFfCol=FF0000sCol=00FF00mCol=000000hCol=000000ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;d=newArray(星期日,星期一,星期二,星期三,星期四,星期五,星期六);精编WORD文档下载可编缉打印下载文档,远离加班熬夜m=newArray(1月,2月,3月,4月,5月,6月,7月,8月,9月,10月,11月,12月);date=newDate();day=date.getDate();year=date.getYear();if(year<2000)year=year+1900;TodaysDate=年+m[date.getMonth()]++day+日+d[date.getDay()]++year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Face='123456789101112';font='Arial';size=1;speed=0.6;ns=(document.layers);ie=(document.all);Face=Face.split('');精编WORD文档下载可编缉打印下载文档,远离加班熬夜n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props=<fontface=+font+size=+size+color=+fCol+>;props2=<fontface=+font+size=+size+color=+dCol+>;Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=newArray();x=newArray();Y=newArray();X=newArray();for(i=0;i<n;i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}Dy=newArray();Dx=newArray();DY=newArray();DX=new精编WORD文档下载可编缉打印下载文档,远离加班熬夜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('<layername=nsDate'+i+'top=0left=0height='+a+'width='+a+'><center>'+props2+D[i]+'</font></center></layer>');for(i=0;i<n;i++)document.write('<layername=nsFace'+i+'top=0left=0height='+a+'width='+a+'><center>'+props+Face[i]+'</font></center></layer>');for(i=0;i<S.length;i++)document.write('<layername=nsSeconds'+i+'top=0left=0width=15height=15><fontface=Arialsize=3精编WORD文档下载可编缉打印下载文档,远离加班熬夜color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');for(i=0;i<M.length;i++)document.write('<layername=nsMinutes'+i+'top=0left=0width=15height=15><fontface=Arialsize=3color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');for(i=0;i<H.length;i++)document.write('<layername=nsHours'+i+'top=0left=0width=15height=15><fontface=Arialsize=3color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');}if(ie){document.write('<divid=Odstyle=position:absolute;top:0px;left:0px><divstyle=position:relative>');精编WORD文档下载可编缉打印下载文档,远离加班熬夜for(i=0;i<D.length;i++)document.write('<divid=ieDatestyle=position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center>'+props2+D[i]+'</font></div>');document.write('</div></div>');document.write('<divid=Ofstyle=position:absolute;top:0px;left:0px><divstyle=position:relative>');for(i=0;i<n;i++)document.write('<divid=ieFacestyle=position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center>'+props+Face[i]+'</font></div>');document.write('</div></div>');document.write('<divid=Ohstyle=position:absolute;top:0px;left:0px><divstyle=position:relative>');for(i=0;i<H.length;i++)document.write('<divid=ieHoursstyle=position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';te精编WORD文档下载可编缉打印下载文档,远离加班熬夜xt-align:center;font-weight:bold>'+H[i]+'</div>');document.write('</div></div>');document.write('<divid=Omstyle=position:absolute;top:0px;left:0px><divstyle=position:relative>');for(i=0;i<M.length;i++)document.write('<divid=ieMinutesstyle=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('<divid=Osstyle=position:absolute;top:0px;left:0px><divstyle=position:relative>');for(i=0;i<S.length;i++)document.write('<divid=ieSecondsstyle=position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold>'+S[i]+'</div>');精编WORD文档下载可编缉打印下载文档,远离加班熬夜document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;functionMouse(evnt){ymouse=(ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;xmouse=(ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)
本文标题:一款鼠标跟随特效代码
链接地址:https://www.777doc.com/doc-8218889 .html