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