首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
鼠标键盘
跟随鼠标的文字
作者: 来源: 日期:2004-10-8
<head> <style type="text/css"> <!-- .mousetext{position:absolute;} --> </style> <script type="text/javascript"> <!-- text="鼠标跟随文字"; textArray=text.split(""); textlen=text.length; for(i=0;i<textlen;i++) { document.write("<div id='id"+i+"' class='mousetext'>"+textArray[i]+"</div>") } //鼠标所在的位置,mouseX与mouseY; var mouseX,mouseY; function mouseMove() { mouseX=document.body.scrollLeft+event.clientX; mouseY=document.body.scrollTop+event.clientY; } function ActiveText() { var NewX,NewY; add=1; speed=1; //modifyX,modifyY是为了修正文字间移动步长而设定的,值越大,各文字间移动步长差异越小; modifyX=1; modifyY=1; //stepX,stepY在这里并不表示真正的移动步长,也是一个修正值,只是是修正步长,而不是步长差异; stepX=4; stepY=2; for(i=0;i<textlen;i++) { OldX=eval("id"+i+".style.pixelLeft"); OldY=eval("id"+i+".style.pixelTop"); NewX=mouseX+i*20;//10为文字宽度 NewY=mouseY; currentDiv=eval("id"+i+".style"); direction=(NewX-NewY)>0?1:-1; add=(textlen-i+modifyX)*direction*stepX; if(direction>0) add=(add>(NewX-OldX))?NewX-OldX:add; else add=(add<(NewX-OldX))?NewX-OldX:add; currentDiv.posLeft+=add; direction=(NewY-OldY)>0?1:-1; add=(textlen-i+modifyY)*direction*stepY; if(direction>0) add=(add>(NewY-OldY))?NewY-OldY:add; else add=(add<(NewY-OldY))?NewY-OldY:add; currentDiv.posTop+=add; } setTimeout("ActiveText()",speed); } document.onmousemove=mouseMove; ActiveText(); --> </script> </head>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...