100分求一个JS
要求一张图片在5秒内从网页的一个点A(a,b)的位置 移动到另一个点B(x,y)的位置,停顿6秒,再在7秒内原路返回!回到A点后 图片消失!
先谢谢大家了!
如果不好写,现帮忙把第一句写出来就是:要求一张图片在5秒内从网页的一个点A(a,b)的位置 移动到另一个点B(x,y)的位置!!

解决方案 »

  1.   

    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(); }
        });
      

  2.   

    参考这个例子(需要先引入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(); }
            });
      

  3.   

    $('#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(); }
                    });
      

  4.   

    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);
    }
      

  5.   

       <script type="text/javascript" src="jquery.pack.js"></script>感谢大家 OK了,没这句不行啊