跟随鼠标跳动的文字效果
是不是看到了效果好酷吧！！！
首先将下面的代码加入到网页<head></head>中......
<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<5)val=setInterval("show("+(i+1)+")",20);
}
fontSize=s;
}
}
function start()
{ for(i=1;i<=5;i++)
{
val=setInterval("show(1)",20);
setInterval("follow("+i+")",100);
}
}
</SCRIPT>
然后把下面的代码放到<body></body>中你认为合适的地方......
<SCRIPT language=javascript>
var word=new Array(11);
word[1]="南";word[2]="北";word[3]="电";word[4]="脑";word[5]="工";word[6]="作";word[7]="室";word[8]="欢";word[9]="迎";word[10]="您";word[11]="！";
for(i=1;i<=11;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font
face='Forte' color='#FF0000'>"+word[i]+"</font></div>");start();
</SCRIPT>
在这个文字效果中,文字的数目可以随意增加，但也不要太多了，太多了就不好了.在此希望你可以给本站做链接,谢谢！！！