javascript DOM 编程艺术中的动画效果代码..

Question

function moveElment(elementID,final_x,final_y,inteval){
    var message=document.getElementById(elementID);
    var xpos=parseInt(message.style.left);
    var ypos=parseInt(message.style.top);
    if(xpos==final_x && ypos==final_y){
        return true;
    }
    if(xpos <final_x){
        xpos++;
    }
    if(xpos>final_x){
        xpos--;
    }
    if(ypos<final_y){
        ypos++;
    }
    if(ypos>final_y){
        ypos--;
    }
    message.style.left=xpos+"px";
    message.style.top=ypos+"px";
    var repeat="moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
    movement=setTimeout(repeat,interval);
}

addLoadEvent(moveMessage);

两个问题：1) 为什么后面要把数值转为字符串形式？
      2)  为什么要把moveElement赋值给局部变量？ 而且赋值时elementID,final_x,...要在左右加上+号，为什么在elementID要加上单引号？final_x等不用？

希望大神能给予帮助 小弟感激不尽。
在web道路上不断努力中...

Answer 1

（1）说得是+"px"那两个属性赋值么？不加px的话mr.css表示不认识mr.js弄过来的东西是个啥。写css定位样式位置的时候肯定要带px单位的嘛（2）var repeat = "moveElement(' "+elementID+" ',"+final_x+","+final_y+","+interval+")";不是你说的那样，而是你分组分错了，我这样加下划线不知道你能不能明白了，双引号大部分是作用于逗号括号这些的和变量无关。可以不赋值给局部变量啊，直接可以填在setTImeout函数里，但作者已经做出了解释，这样做是为了更好的阅读代码，不然那么长，填在函数里面不好阅读。