网页特效---围绕鼠标跳动的字符

<html> <head> <title>网页特效---围绕鼠标跳动的字符</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <body> <script language="javascript"> <!-- var cx=0; var cy=0; var val=0; function locate() { cx=window.event.x; cy=window.event.y; } document.onmousemove=locate; function follow(i) { var x; if(i<4)x=cx-50+i*10; else x=cx-25+i*10; var y=cy-20+Math.floor(Math.random()*40); w=eval("word"+i); with(w.style) { left=x.toString()+"px"; top=y.toString()+"px"; } } function show(i) { var w=eval("word"+i); with(w.style) { visibility="visible"; s=parseInt(fontSize); if(s>=200)s-=100; else if(s>90&&s<=100) { s-=85; clearInterval(val); if(i<8)val=setInterval("show("+(i+1)+")",20); } fontSize=s; } } function start() { for(i=1;i<=8;i++) { val=setInterval("show(1)",20); setInterval("follow("+i+")",100); } } var word=new Array(8); word[1]="欢";word[2]="迎";word[3]="光";word[4]="临";word[5]="我"; word[6]="的";word[7]="主";word[8]="页"; for(i=1;i<=8;i++) document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='#cc0000'>"+word[i]+"</font></div>");start(); </script> </body> </html>