JS数遍跟随效果

下面的JS代码都是下在Dreamweaver CS3的<head>里面了，一共有三个效果，是自动下拉菜单，简单注册和数遍跟随效果，可是数遍跟随效果总是跟随的不理想，就只在网页的上半部分能很流畅的跟随，但是随着鼠标向下移动，跟随图像就不动了，是不是效果太多了就互相影响了啊？？大家帮忙看下，这要怎么办呢？
<script language="javascript">
    function Tab(n)
    {
        var innermenu=document.getElementById('innermenu').getElementsByTagName('li');
        var list=document.getElementById('furthermenu').getElementsByTagName('div');
        for(var i=0;i<innermenu.length;i++)
        {
            innermenu.className=i==n?"mouseon":"mouseout";
            list.style.display=i==n?"block":"none";
        }
    }
    function MM_controlSound(x, _sndObj, sndFile) { //v3.0
          var i, method = "", sndObj = eval(_sndObj);
          if (sndObj != null) {
                if (navigator.appName == 'Netscape') method = "Play";
            else {
              if (window.MM_WMP == null) {
                window.MM_WMP = false;
                for(i in sndObj) if (i == "ActiveMovie") {
                      window.MM_WMP = true; break;
                  } 
            }
              if (window.MM_WMP) method = "play";
              else if (sndObj.FileName) method = "run";
              } 
        }
          if (method) eval(_sndObj+"."+method+"()");
          else window.location = sndFile;
    }
    
这里是简单注册的代码    
    function checkname(){
        var userName = document.reGisterform.userName.value;
        if(userName.length<6 || userName.length>12){
            alert("您输入的用户名不合法！请重新输入！");
            return false;
        }
        return true;
    }
    function checkpassword(){
        var passWord = document.reGisterform.passWord.value;
        if(passWord.length<6 || passWord.length>12){
            alert("您输入的密码不合法！！请重新输入！！");
            return false;
        }
        return true;
    }
    
往下是鼠标跟随的代码    
    var x,y
    var step=18
    var flag=0
    var message="★只是很经典欢迎你的光临!"    message=message.split("")
    var xpos=new Array()
    for (i=0;i<=message.length-1;i++) {
    xpos=-50
    }    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
    ypos=-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 www_helpor_net() {
    if (flag==1 && document.all) {
        for (i=message.length-1; i>=1; i--) {
        xpos=xpos[i-1]+step
        ypos=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
        thisspan.posTop=ypos
        }
    }    else if (flag==1 && document.layers) {
        for (i=message.length-1; i>=1; i--) {
        xpos=xpos[i-1]+step
        ypos=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
        thisspan.top=ypos
        }
    }
    var timer=setTimeout("www_helpor_net()",30)
    }    for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
    document.write(message)
    document.write("</span>")
    }    if (document.layers){
    document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;
    www_helpor_net();
</script>
<style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style></head>