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

1、js特效文本跟随鼠标移动1 打开新页面鼠标特效篇-打开新页面鼠标特效篇-打开新页面function OpenWindow () msg=open(, NewWindow, toolbar=yes, location=no, directories=yes, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=420, height=240);2 文本框问绕鼠标鼠标特效篇-文本围绕鼠标鼠标特效篇-文本围绕鼠标var cx=0;var cy=0;var val=0;function MouseTe

2、xtStart() for(i=1;i=7;i+) val=setInterval(MouseTextShow(1),20); 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(s90&s=100) s-=85; clearInterval(val); if(i7)val=setInterval(Mouse

3、TextShow(+(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; docu

4、ment.onmousemove=MouseTextLocation;var MouseText=new Array(7);MouseText1=W; MouseText2=e; MouseText3=l; MouseText4=c; MouseText5=o; MouseText6=m; MouseText7=e;for(i=1;i=7;i+) document.write(+MouseTexti+);MouseTextStart();3 图形围绕鼠标鼠标特效篇-图形跟随鼠标鼠标特效篇-图形跟随鼠标 function MousePicture() layerRef=document.all;

5、 styleSwitch=.style; layerName = Picture eval(var curElement=+layerRef+layerName+) eval(layerRef+layerName+styleSwitch+.visibility=hidden) eval(curElement+styleSwitch+.visibility=visible) eval(newleft=document.body.clientWidth-curElement+styleSwitch+.pixelWidth) eval(newtop=document.body.clientHeigh

6、t-curElement+styleSwitch+.pixelHeight) eval(height=curElement+styleSwitch+.height) eval(width=curElement+styleSwitch+.width) width=parseInt(width) height=parseInt(height) if (event.clientX (document.body.clientWidth - 6 - width) newleft=document.body.clientWidth + document.body.scrollLeft - 6 - widt

7、h else newleft=document.body.scrollLeft + event.clientX eval(curElement+styleSwitch+.pixelLeft=newleft) if (event.clientY (document.body.clientHeight - 6 - height) newtop=document.body.clientHeight + document.body.scrollTop - 6 - height else newtop=document.body.scrollTop + event.clientY eval(curEle

8、ment+styleSwitch+.pixelTop=newtop)document.onmousemove = MousePicture;document.write()document.write()document.write() 4 文本跟随鼠标鼠标特效篇-文本跟随鼠标鼠标特效篇-文本跟随鼠标var x,yvar step=18var index=0var message=鼠标特效篇-文本跟随鼠标！message=message.split()var xpos=new Array()for (i=0;i=message.length-1;i+) xposi=-50 var ypos=n

9、ew Array()for (i=0;i=1; i-) xposi=xposi-1+step; yposi=yposi-1 xpos0=x+step ypos0=y for (i=0; i=1; i-) xposi=xposi-1+step; yposi=yposi-1 xpos0=x+step ypos0=y for (i=0; imessage.length-1; i+) var thisspan = eval(document.span+i); thisspan.left=xposi; thisspan.top=yposi var timer=setTimeout(MouseText()

10、,30)function MouseScroll(e) x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY index=1for (i=0;i=message.length-1;i+) document.write() document.write(messagei) document.write()if (document.layers) document.

11、captureEvents(Event.mousemove);document.onmousemove = MouseScroll;.spanstyle color: #ff0033; font-family: 宋体; font-size: 10pt; position: absolute; top: -50px; visibility: visible5 星星跟随鼠标鼠标特效篇-星星跟随鼠标鼠标特效篇-星星跟随鼠标if (!document.layers&!document.all) event=testfunction YY_MouseStar(evnt) if (yyns4) if (e

12、vnt.pageX) yy_ml=evnt.pageX; yy_mt=evnt.pageY; else yy_ml=(event.clientX + document.body.scrollLeft); yy_mt=(event.clientY+document.body.scrollTop); if (yy_tracescript) eval(yy_tracescript)function YY_LayerStar(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) if (document.layers)|(d

13、ocument.all) with (Math) yynextx= eval(yyfnx) with (Math) yynexty= eval(yyfny) yycnt=(yyloop & yycnt=yystep*yybilder)?0:yycnt+yystep; if (document.layers) eval(yydiv+.top=+(yynexty+yytop) eval(yydiv+.left=+(yynextx+yyleft) if (document.all) eval(yydiv=yydiv.replace(/.layers/gi, .all); eval(yydiv+.st

14、yle.pixelTop=+(yynexty+yytop); eval(yydiv+.style.pixelLeft=+(yynextx+yyleft); argStr=YY_LayerStar(+yyleft+,+yytop+,+yyfnx+,+yyfny+,+yydiv+,+yybilder+,+yyloop+,+yyto+,+yycnt+,+yystep+); if (yycnt=yystep*yybilder)eval(yydiv+.yyto=setTimeout(argStr,yyto); var yyns4=window.Event?true:false; var yy_mt =

15、0; var yy_ml = 0;document.onmousemove = YY_MouseStar;yy_tracescript = ;if (yyns4) document.captureEvents(Event.mousemove); YY_MouseStar(,document.YY_MouseStar1)YY_LayerStar(0,0,yy_ml+cos(15*sin(yycnt/40)+0)*150*(sin(10+yycnt/20)+0.3),yy_mt+sin(15*sin(yycnt/34)+0)*150*(sin(10+yycnt/20)+0.3),document.

16、layersyyd0,2002,true,88,7,1);YY_LayerStar(0,0,yy_ml+cos(15*sin(yycnt/28)+30)*150*(sin(10+yycnt/20)+0.3),yy_mt+sin(15*sin(yycnt/9)+30)*150*(sin(10+yycnt/20)+0.3),document.layersyyd1,2002,true,88,7,1);YY_LayerStar(0,0,yy_ml+cos(15*sin(yycnt/16)+60)*150*(sin(10+yycnt/20)+0.3),yy_mt+sin(15*sin(yycnt/16)+60)*150*(sin(10+yycnt/20)+0.3),document.layersyyd2,2002,true,88,7,1);YY_LayerStar(0,0,yy_ml+cos(15*sin(yycnt/7)+90)*150*(sin(10+yycnt/20)+0.3),yy_mt+sin(15*sin(yycnt/44)+90)*150*(sin(10+yycnt/20)+0.3),document.layersyyd3,2002,true,88,7,1);YY_LayerStar(0,0,yy_ml+cos(15*si