+ -
当前位置:首页 → 问答吧 → 如何让一个DOM来回往复的移动?

如何让一个DOM来回往复的移动?

时间:2009-07-14

来源:互联网

上一帖解决了animate()问题。
现在要解决来回往复的移动的问题。
我写了

<input type="text" id="test5"  class="input_text"/>
<button id="go5">start</button>

$("#go5").click(function(){
    $("#test5").animate({left:"500px"},3000).animate({left:"0px"},3000);
    return false;
});
以上代码只能来回一次,如何来回往复的移动?
请指教

作者: gundumw100   发布时间: 2009-07-14

animate有个callback参数,在这个参数里再次调用自己就行了

复制代码
  1. function move($dom) {
  2.     $dom.animate({left:"500px"},3000)
  3.         .animate({left:"0px"},3000,function () {
  4.              move($dom);
  5.         }
  6.     );
  7. }
  8. $("#go5").click(function(){
  9.     move($("#test5"));
  10. });

作者: keakon   发布时间: 2009-07-14

引用
引用第1楼keakon于2009-07-14 13:26发表的  :
animate有个callback参数,在这个参数里再次调用自己就行了

[code]function move($dom) {
    $dom.animate({left:"500px"},3000)
        .animate({left:"0px"},3000,function () {
.......


Thank you very much!

也可以这样:

function zigzag(){
    $("#test5").animate({left:500},3000).animate({left:0},3000);
}
setInterval("zigzag();", 6000);

不过还是你的办法好,谢谢!

作者: gundumw100   发布时间: 2009-07-14

相关阅读 更多