js & jQuery实现动画移动

没次用到都要自己手写，相当麻烦，于是找时间把它罗列了一下。实现简单的按钮点击事件，然后 div移动相应的像素。
其中包括js的快速移动、匀速移动、先快后慢移动。然后实现jQuery的定时移动
都采用了定时器，jQuery采用了animate（）方法

/*ele表示指定的元素，target表示移动的距离*/
//快速移动指定距离，没有效果
window.onload=function () {
    
    /*首先采用js来实现*/
    
 /*   var box = document.getElementById("box");
    document.getElementById("btn1").onclick=function (ev) { animate3(box,200); }
    document.getElementById("btn2").onclick=function (ev) { animate3(box,-200); }
*/
    function animate1(ele, target) {

        clearInterval(ele.timer);

        ele.timer = setInterval(function () {

            ele.style.left = ele.offsetLeft + target + "px";

           clearInterval(ele.timer);
       }, 30);

    }

//均匀移动指定距离
    function animate2(ele, target) {

        var leader = target + ele.offsetLeft;

        var move