文字跟随鼠标部分代码更改

< html >
< head >
< title > 文字跟随鼠标 </ title >
<!-- 尾随文字样式 // -->
< style >
.spanstyle {
    position:absolute;
    visibility:visible;
    top: - 50px;
    font - size:10pt;
    font - family:Verdana;
        font - weight:bold;
    color:black;
}
</ style >
< script language = javascript >
<!--
// x:鼠标的当前的横坐标位置
// y:鼠标的当前的纵坐标位置
var  x,y
// 间隔距离变量
var  step = 20
// 简单标签值
var  flag = 0
// 此为需要设置追随的字符串
var  message = " JavaScript鼠标文字 "
message = message.split( "" )
// 横坐标数组
var  xpos = new  Array()
// 纵坐标数组
var  ypos = new  Array()
// 定位鼠标的位置函数，并且一旦执行则设置flag=1
function  handlerMM(e){          
         // if(document.layers)检测是否是netscape4.X  
    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(document.all)检测是否是IE
     if  (flag == 1   &&  document.all) {
                 // 定位光标后第一个字符的位置
                xpos[ 0 ] = x + step
        ypos[ 0 ] = y
                 // 初始化鼠标追随元素-位置数组
             for  (i = message.length; i >= 1 ; i -- ) {
               xpos[i] = xpos[i - 1 ] + step
            ypos[i] = ypos[i - 1 ]
            }
                 // 初始化鼠标追随元素位置 
         for  (i = 0 ; i < message.length; i ++ ) {
                 var  thisspan  =  eval( " span " + (i) + " .style " )
                thisspan.posLeft = xpos[i]
            thisspan.posTop = ypos[i]
            }
    }
         // if(document.layers)检测是否是netscape4.X 
     else   if  (flag == 1   &&  document.layers) {
                xpos[ 0 ] = x + step
        ypos[ 0 ] = y
             for  (i = message.length; i >= 1 ; i -- ) {
               xpos[i] = xpos[i - 1 ] + step
            ypos[i] = ypos[i - 1 ]
            }
         for  (i = 0 ; i < message.length; i ++ ) {
                 var  thisspan  =  eval( " document.span " + i)
                thisspan.left = xpos[i]
            thisspan.top = ypos[i]
            }
    }
         // 每隔30毫秒执行一次 makesnake()
     var  timer = setTimeout( " makesnake() " , 30 )
}
// -->
</ script >
</ head >
< body onLoad = " makesnake() "  style = " width:100%;overflow-x:hidden;overflow-y:scroll " >
< center >< h1 > 文字跟随鼠标 </ h1 ></ center >
< script language = javascript >
<!--  Beginning of JavaScript  -
for  (i = 0 ;i < message.length;i ++ ) {
    document.write( " <span id='span " + i + " ' class='spanstyle'> " )
    document.write(message[i])
    document.write( " </span> " )
}
// 如果是netscape4.X那么就采用如下的方法绑定鼠标移动事件
if  (document.layers){
    document.captureEvents(Event.MOUSEMOVE);
}
// 定位鼠标移动位置--绑定函数
document.onmousemove  =  handlerMM;
//  - End of JavaScript - -->
</ script >
</ body >
</ html >