100分求一个JS

lure2222 2010-02-09 08:42:11
100分求一个JS
要求一张图片在5秒内从网页的一个点A(a,b)的位置 移动到另一个点B(x,y)的位置,停顿6秒,再在7秒内原路返回!回到A点后 图片消失!


先谢谢大家了!


如果不好写,现帮忙把第一句写出来就是:要求一张图片在5秒内从网页的一个点A(a,b)的位置 移动到另一个点B(x,y)的位置!!
...全文
142 10 打赏 收藏 举报
写回复
10 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
lure14435345 2010-02-09
  • 打赏
  • 举报
回复
<script type="text/javascript" src="jquery.pack.js"></script>

感谢大家 OK了,没这句不行啊
cwblaze 2010-02-09
  • 打赏
  • 举报
回复
会有少许误差,你可以自己写一个修正函数。
cwblaze 2010-02-09
  • 打赏
  • 举报
回复
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);
}



licip 2010-02-09
  • 打赏
  • 举报
回复
jquery就是强大!
c00w00z 2010-02-09
  • 打赏
  • 举报
回复
$('#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(); }
});
xmliy 2010-02-09
  • 打赏
  • 举报
回复
参考这个例子(需要先引入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(); }
});
lure2222 2010-02-09
  • 打赏
  • 举报
回复
2楼能不能写个完整的程序给我啊!我测试了半天也不动。。
lure2222 2010-02-09
  • 打赏
  • 举报
回复
引用 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(); }
});

我试试这个,别人接着写啊!!摆脱
xmliy 2010-02-09
  • 打赏
  • 举报
回复
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(); }
});
王集鹄 2010-02-09
  • 打赏
  • 举报
回复
这个不难吧,关键是你的移动方式是匀速运动还是变速运动,是否需要回力
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-09 08:42
社区公告
暂无公告