文字围绕鼠标跳动的代码_文本链接特效

让指定的文字围绕在鼠标的周围，并不停的跳动，这同样是一款鼠标跟随代码，文字您可以自己修改，直接复制代码加到你的页面里就可以用啦，非常方便。

<html>
<head>
<title>一串文字围绕鼠标跳动</title>
<meta mrc="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>

所属频道：文本链接特效/更新时间：2012-12-03

[收藏][报错][返回列表]

文字围绕鼠标跳动的代码_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些