站 内 搜 索
热门特效推荐
您当前位置：
中国素材首页
>>
网页特效
>>
鼠标类
>> 文字环绕鼠标
文字环绕鼠标
中国素材网 www.sucai86.com 2005-5-28 10:29:44 流量数:
文字环绕鼠标
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
<BR><BR><BR><center>
将鼠标移过来看效果！
<SCRIPT language="javascript">
<!--//This is a JS program for Sword Jin's JoyFM homepage.All rights reserved.
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<7)val=setInterval("show("+(i+1)+")",20);}
fontSize=s;}}
function start()
{ for(i=1;i<=7;i++)
{val=setInterval("show(1)",20);setInterval("follow("+i+")",100);}}
//-->
</SCRIPT>
<SCRIPT language=javascript>
var word=new Array(7);
word[1]="w";word[2]="e";word[3]="l";word[4]="c";word[5]="o";word[6]="m";word[7]="e";for(i=1;i<=7;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='#0000FF'>"+word[i]+"</span></font></div>");start();
</SCRIPT> ----------------------------------------------------------------------------------------
欢迎来到中国素材网!