字符围绕鼠标-网页制作-轻松学电脑

没有公告

	加入收藏
	设为首页
	联系站长

轻松学电脑>>网页制作>>鼠标事件类>>字符围绕鼠标

双击滚屏阅读

字符围绕鼠标

字符围绕鼠标

动一下鼠标看看!

脚本说明:
把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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]="J";word[2]="o";word[3]="y";word[4]="F";word[5]="m";
	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='#00FF00'>"+word[i]+"</font></div>");start();

</SCRIPT>

上一篇文章：右键打开收藏夹

下一篇文章：各种形状的鼠标

阅读top10

	随鼠标的彩色字符
	显示鼠标坐标
	跟随鼠标的字符
	各种形状的鼠标
	字符围绕鼠标
	跟随鼠标的星星
	鼠标跟踪器
	鼠标点击效果
	禁用鼠标左右键
	鼠标放上去打开新页面
	图片跟随鼠标

查看字符围绕鼠标全部内容