今天是

爱酷家


当前位置:首页 > 资源收藏 > 特效代码

不错的鼠标跟踪特效

收集整理   发布时间:2012-10-27 22:15:00   阅读

不错的鼠标跟踪特效

使用方法,把如下代码加入<head>区域中

代码:
<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<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>
<SCRIPT language=javascript>
	var word=new Array(5);
	word[1]="L";word[2]="A";word[3]="O";word[4]="H";word[5]="E";
	for(i=1;i<=5;i++)
		document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='red'>"+word[i]+"</font></div>");start();

	</SCRIPT>

 



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: