文字跟踪鼠标移动

/*第五章 第一节文字跟踪鼠标*/
.spanstyle {
position:absolute; 使用"absolute"值可以让元素放到页面的任何一个位置。元素的定位完全依赖"left","top","right"以及"bottom"的指定。
visibility:visible;
top:0px;
font-size:10pt;
font-family:Verdana;
    font-weight:bold;
color:black;
}问题：页面出现滚动条后将滚动条往下拉，文字就不是在鼠标旁边，而是在鼠标上面一定位置，请问怎么改CSS// JavaScript Document
var x,y
var step=15
var flag=0var message="欢迎进入学习JavaScript实例讲解 "
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 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) {
      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) {
     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("document.span"+i)
     thisspan.left=xpos[i]
thisspan.top=ypos[i]
     }
}
var timer=setTimeout("makesnake()",30)
}
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.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
makesnake();