6
$(this).css("left","100px");

function endless(){
    $(this).animate({
        left:'-=100px',
    },{
        easing: "linear",
    duration: 5000,
    complete: function() {
        $(this).css('left','100px');
    endless();
        }
    });
};
endless();

这是我尝试过的,但是使用这种方法我无法移动东西。我使用 jQuery 1.3.2。有什么建议么?

4

4 回答 4

4

你有错误的动画参数。它不需要选项哈希,只需要缓动、持续时间和回调的实际选项。另外,使用时需要注意this。最好将它作为参数传递给无限函数。

$(this).css("left","100px");

function endless(elem){
    $(elem).animate(
        { left:'-=100px' },
        "linear",
        5000,
        function() {
            $(elem).css('left','100px');
            endless(elem);
        }
     );
};
endless(this);
于 2009-07-30T12:38:46.520 回答
2

您需要在回调中调用 never()。

function endless(item) {
  $(item).animate({"left": "-=100px"}, 5000, "linear", function(){
    $(item).css("left","100px");
    endless(item);
  });
}

endless($(".myBox"));
于 2009-07-30T12:37:18.113 回答
0

您需要$(this)用选择器替换要设置动画的元素。

于 2009-07-30T12:37:43.760 回答
0

伟大的!这正是我寻找的,但现在,

我终于想出了如何切换它。使用以下函数,调用无限(0)停止,无限(1)启用动画循环。

//loop animation forever
//args: takes 1 to loop, 0 to stop
function endless(loop)
{ 
  //animate forever
  if (loop==1)
  {
 $('#alink').animate(
  {'opacity':'toggle'}, 
  1000, 
   function () { endless(1) }
  ); 
  }
  //stop animation
  else
  {
 $('#alink').css('opacity',1).stop();
  }

}; 


//sample call
$('#alink').toggle(function(){ endless(1) },function(){ endless(0) });

感谢初始代码!

于 2010-07-09T23:49:13.733 回答