15、字符围绕鼠标特效

15、字符围绕鼠标特效

<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>

 

Write a comment

Comments: 0