js特效文本跟随鼠标移动.docxVIP

1 打开新页面HTMLHEADTITLE鼠标特效篇--打开新页面/TITLE/HEADBODY bgcolor=#fef4d2 background=../images/background3.jpgbrbrcenterfont color=redh2鼠标特效篇--打开新页面/h2/fonthr width=300br!-- 案例代码1开始 --script language=JavaScriptfunction OpenWindow () {!-- [Step1]: 这里可以设置要打开的新页面 --!-- [Step2]: 在此能够更改新窗口的参数 --!-- [Step3]: 这里可以修改新窗口的宽度和高度 --msg=open(, NewWindow, toolbar=yes, location=no, directories=yes, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=420, height=240);}/script!-- 案例代码1结束 --!-- 案例代码2开始 --a href= onMouseOver=OpenWindow(); return true;!-- [Step4]: 这里可以设置页面上显示图形的名称 --!-- [Step5]: 在此能够更改图形的边界框，数值大边框粗 --!-- [Step6]: 这里可以修改图形的宽度和高度 --img src=gif1.gif border=2 width=150 height=100/a!-- 案例代码2结束 --/BODY/HTML2 文本框问绕鼠标HTMLHEADTITLE鼠标特效篇--文本围绕鼠标/TITLE/HEADBODY bgcolor=#fef4d2 background=../images/background3.jpgbrbrcenterfont color=redh2鼠标特效篇--文本围绕鼠标/h2/fonthr width=300brbr!-- 案例代码开始 --script language=JavaScriptvar cx=0;var cy=0;var val=0;function MouseTextStart(){ for(i=1;i=7;i++) { val=setInterval(MouseTextShow(1),20); !-- [Step1]: 这里可以设置文本的抖动速度，数值大速度慢 -- setInterval(MouseTextfollow(+i+),100); }} function MouseTextShow(i){ var w=eval(MouseText+i); with(w.style) { visibility=visible; s=parseInt(fontSize); if(s=200)s-=100; else if(s90s=100) { s-=85; clearInterval(val); if(i7)val=setInterval(MouseTextShow(+(i+1)+),20); } fontSize=s; } }function MouseTextfollow(i){ var x; if(i6)x=cx-70+i*10; else x=cx-35+i*10; var y=cy-10+Math.floor(Math.random()*40); w=eval(MouseText+i); with(w.style) { left=x.toString()+px; top=y.toString()+px; }}function MouseTextLocation(){ cx=window.event.x; cy=window.event.y; }document.onmousemove=MouseTextLocation;!-- [Step2]: 在此能够更改文本的总数目 --var MouseText=new Array(7);!-- [Step3]: 这里可以按序增加文本信息 --MouseText[1]=W; MouseText[2]=e; MouseText[3]=l; MouseText[4]=c; MouseText[5]=o; MouseText[6]=m; MouseText[7]=e;!-- [Step4]: 在此能够更改文本的颜色 --for(i=1;i=7;i++) document.write(div id=MouseText+i+ style=width:20p