100分求一个JS

[lure2222]

100分求一个JS
要求一张图片在5秒内从网页的一个点A（a,b)的位置 移动到另一个点B（x,y)的位置，停顿6秒，再在7秒内原路返回！回到A点后 图片消失！


先谢谢大家了！


如果不好写，现帮忙把第一句写出来就是：要求一张图片在5秒内从网页的一个点A（a,b)的位置 移动到另一个点B（x,y)的位置！！

[王集鹄]

这个不难吧，关键是你的移动方式是匀速运动还是变速运动，是否需要回力

[xmliy]

jQuery1.4:

$('#imgID').css({'position':'absolute',left:a,top:b})
    .animate({left:x,top:y}, {duration: 5000})
    .delay(6000)
    .animate({left:a,top:b}, {
        duration: 7000,
        complete: function () { $(this).hide(); }
    });

[lure2222]

引用 2 楼 xmliy 的回复:

jQuery1.4:

JScript code
$('#imgID').css({'position':'absolute',left:a,top:b})
.animate({left:x,top:y}, {duration:5000})
.delay(6000)
.animate({left:a,top:b}, {
duration:7000,
complete:function () { $(this).hide(); }
});

我试试这个，别人接着写啊！！摆脱

[lure2222]

2楼能不能写个完整的程序给我啊！我测试了半天也不动。。

[xmliy]

参考这个例子（需要先引入jQuery1.4）：

    <div id="div1" style="position: absolute;left:100px;top:30px;border:solid 1px;width: 50px;height:50px;background-color:#cccccc"></div>

     $('#div1').animate({ left: '500px', top: '300px' }, { duration: 5000 })
        .delay(6000)
        .animate({ left: '100px', top: '30px' }, { 
            duration: 7000, 
            complete: function() { $(this).hide(); }
        });

[c00w00z]

$('#imgID').css({'position':'absolute',left:a,top:b})
                    .animate({left:x,top:y}, {duration: 5000})
                    .animate({left:x,top:y}, {duration: 2000})
                    .animate({left:a,top:b}, {
                        duration: 7000,
                        complete: function () { $(this).hide(); }
                });

[licip]

jquery就是强大！

[cwblaze]

function Move(node,sx,sy,ex,ey,time){
var intervalTimes = 5000/40;
setInterval(function(){
node.style.top = (parseInt(node.style.top)+(ey-sy)/intervalTimes)+"px";
node.style.left = (parseInt(node.style.left)+(ex-sx)/intervalTimes)) +"px";
},40);
}

[cwblaze]

会有少许误差，你可以自己写一个修正函数。

[lure14435345]

<script type="text/javascript" src="jquery.pack.js"></script>

感谢大家 OK了，没这句不行啊