js特效文本跟隨鼠標移動

1、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 MouseTextStart() fo

2、r(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(MouseTextShow(+(i

3、+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.onmouse

4、move=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; styleSwitch

5、=.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.clientHeight-curElement

6、+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 - width else newle

7、ft=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(curElement+styleSw

8、itch+.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=new Array()fo

9、r (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(),30)function

10、 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.captureEvent

11、s(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 (evnt.pageX) y

12、y_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)|(document.all)

13、 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+.style.pixelTop

14、=+(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 = 0; var yy_ml

15、 = 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.layersyyd0,2

16、002,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*(si

17、n(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*sin(yycnt/34)+120)*150*(sin(10+yycnt/20)+0

18、.3),yy_mt+sin(15*sin(yycnt/2)+120)*150*(sin(10+yycnt/20)+0.3),document.layersyyd4,2002,true,88,7,1);YY_LayerStar(0,0,yy_ml+cos(15*sin(yycnt/38)+150)*150*(sin(10+yycnt/20)+0.3),yy_mt+sin(15*sin(yycnt/18)+150)*150*(sin(10+yycnt/20)+0.3),document.layersyyd5,2002,true,88,7,1);6 窗口開關(guān)鼠標特效篇-窗口開關(guān)控制鼠標特效篇-窗口開

19、關(guān)控制function OpenWindow() msg=window.open(, Homepage, toolbar=yes, location=yes, directories=yes, status=yes,menubar=yes, scrollbars=yes, resizable=yes, copyhistory=no, width=240, height=270);窗口開關(guān)6 激活警告框鼠標特效篇-激活警告框鼠標特效篇-激活警告框激活警告框7 依據(jù)位置顯示坐標鼠標特效篇-依據(jù)位置顯示標志鼠標特效篇-依據(jù)位置顯示標志function MouseOverPicture(Picture

20、Name) PictureName.src = Picture002.jpg function MouseOutPicture(PictureName) PictureName.src = gif1.gif 263 在線 搜 狐 網(wǎng) 新 浪 網(wǎng) 雅 虎 網(wǎng)8 狀態(tài)欄顯示信息鼠標特效篇-狀態(tài)欄顯示信息鼠標特效篇-狀態(tài)欄顯示信息狀態(tài)欄顯示信息9 選擇顏色變幻背景鼠標特效篇-選擇顏色變換背景鼠標特效篇-選擇顏色變換背景index=0;function MouseColor(SelectColor) if ( index = 0 ) document.bgColor=SelectColor; function ChangeColor() if ( index = 0) index = 1; else index = 0; 選擇背景的顏色： 9 顯示圖形鼠標特效篇-顯示圖形鼠標特效篇-顯示圖形PictureName1=new Image()PictureName1.src=Picture002.jpgPictureName2=new Image()PictureName2.src=gif1.giffunction ChangePicture(imagename,objectsrc)if (document.images) documen