<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.spanstyle{
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
}
</style>
<script language="javascript">
<!--
var x,y;
var step=15;
var flag=0;
//记得在字符串后面增加一个空格
var message="肖 红 阳 , 加 油 ! ";
message=message.split(" ");
var xpos=new Array();
for(i=0;i<=message.length-1;i++){xpos[i]=-50;};
var ypos=new Array();
for(i=0;i<=message.length-1;i++){ypos[i]=-50;};
function handlerMM(e)
{
x=(document.layers)?e.pageX:document.body.scrollLeft+event.clientX;
y=(document.layers)?e.pageY:document.body.scrollTop+event.clientY;
flag=1;
}
function makesnake()
{
if(flag==1 && document.all) //对于IE浏览器
{
for (i=message.length-1; i >=1;i--){
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;
for(i=0;i<message.length-1;i++) //设置每个文字的显示位置
{
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
}
}
else if(flag==1 && document.layers) //对Netscape浏览器
{
for(i=message.length-1;i>=1;i--)
{
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=y+step;
ypos[0]=y;
for(i=0;i<message.length-1;i++) //设置每个文字的显示位置
{
var thisspan=eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
}
}
var timer=setTimeout("makesnake()",30);
}
//-->
</script>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll; background-color: rgb(252 255 255);">
<center><h1>文字跟随鼠标</h1></center>
<script language="javascript">
<!--Beginning of JavaScript-
for(i=0;i<=message.length-1;i++)
{
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers)
{
document.captureEvens(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//-->
</script>
</body>
</html>