《2022年飘动的字CSSHTML教程.docx》由会员分享,可在线阅读,更多相关《2022年飘动的字CSSHTML教程.docx(5页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、2022年飘动的字CSSHTML教程<SCRIPT language=JavaScript1.2><!-var message=你要的是这样的效果吗?;var messagecolor=#000000/Enter number of seconds for message to display (0=perpetual)var dismissafter=0/no need to edit below/var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0;if (document
2、.layers){for (i = 0; i < amount; i+){document.write(<layer name=ns+i+ top=0 left=0><font face=Courier New size=3 color=+messagecolor+>+message+</font></layer>)}window.captureEvents(Event.MOUSEMOVE);function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pa
3、geY;makefollow()}}else if (document.all){document.write(<div id=outer style=position:absolute;top:0px;left:0px>);document.write(<div id=inner style=position:relative>);for (i = 0; i < amount; i+){document.write(<div id=text+i+ style=position:absolute;top:0px;lef
4、t:0px;font-family:Courier New;font-size:16px;color:+messagecolor+>+message+</div>)}document.write(</div>);document.write(</div>);function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()}}function makef
5、ollow(){if (document.layers){document.layersns0.top=ay;document.layersns0.left=ax;document.layersns1.top=by;document.layersns1.left=bx;document.layersns2.top=cy;document.layersns2.left=cx;document.layersns3.top=Dy;document.layersns3.left=Dx;document.layersns4.top=Ey;document.layersns4.left
6、=Ex;}else if (document.all){outer.all.inner.all0.style.pixelTop=ay;outer.all.inner.all0.style.pixelLeft=ax;outer.all.inner.all1.style.pixelTop=by;outer.all.inner.all1.style.pixelLeft=bx;outer.all.inner.all2.style.pixelTop=cy;outer.all.inner.all2.style.pixelLeft=cx;outer.all.inner.all3.styl
7、e.pixelTop=Dy;outer.all.inner.all3.style.pixelLeft=Dx;outer.all.inner.all4.style.pixelTop=Ey;outer.all.inner.all4.style.pixelLeft=Ex;}}function move(){if (dismissafter!=0)setTimeout(hidetrail(),dismissafter*1000)if (document.layers){window.onMouseMove = nsmouse}else if (docu
8、ment.all){window.document.onmousemove = iemouse}ey = Math.round(Ey+=(ypos+20)-Ey)*2/2);ex = Math.round(Ex+=(xpos+20)-Ex)*2/2);dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);by = Math.round(By+=(cy
9、- By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);makefollow();jumpstart=setTimeout(move(),10);}function hidetrail(){if (document.all){for (i2=0;i2<amount;i2+){outer.all.inner.alli2.style.visibility=hiddenclearTimeout(jumpstart)}}else if (document.layers){for (i2=0;i2<amount;i2+){temp=ns+i2document.layerstemp.visibility=hideclearTimeout(jumpstart)}}}window.onload=move;/-></SCRIPT>(出处:
限制150内