跟随鼠标移动效果

spanstyle的定义没有了？
function ClearDate() ＝＝》function ClearData()------------------------------------------------------
<html>
<head>
<title>跟随鼠标移动效果</title>
<script>
var X,Y;
var STEP=30;
var Flag=0;
var TimeID;
var Message="★欢迎你访问本网页!"
Message=Message.split("")
var XPos=new Array()
var YPos=new Array()
for(i=0;i<=Message.length-1;i++)
{
XPos[i]=-50;
YPos[i]=-200;
}
function SetHandler()
{
X=(document.all)?document.body.scrollLeft+event.clientX:e.pageX;
Y=(document.all)?document.body.scrollTop+event.clientY:e.pageY;
Flag=1;
}
function InitialData()
{
    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.left=XPos[i];
thisspan.top=YPos[i];
}
  TimeID=setTimeout("InitialData()",30); 
}
function ClearData()
{
   if(TimeID)
    clearTimeout(TimeID);
}</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body onload='SetHandler();InitialData()' style="font-size:1em;color=red" onUnload='ClearData()'>
<script>
for(i=0;i<Message.length-1;i++)
{
document.write("<span id='span"+i+"'  style='position:absolute' >");
document.write(Message[i]);
document.write("</span>");
}
if(document.layers)
{
document.captuerEvents(Event.MOUSERMOVE);
}
document.onmousemove=SetHandler;
</script>
<p align="center">
<Font size="5" color="#000000">
当鼠标在页面上移到时可看到文字飘动的效果.
</Font>
</p>
</body>
</html>
------------------------------------------------------在netscape下面的那一段给我删掉了呵呵。netscape下面的css我不熟。