jQuery的动画循环 [英] jQuery animate loop

问题描述

我有动画循环有问题。这里有一个对象，我想以一种特殊的方式移动，做它在环。是否有任何本地选项，使吗？我有这样的：

I have a problem with animate loop. There is an object i want to move in a special way and do it in loop. Are there any native options to make it? I have this:

$(function () {
    function runIt() {
        $('#div').show("slow");
        $('#div').animate({"marginLeft":"300px"},8000);
        $('#div').animate({"marginLeft":"0px"},8000);
        $('#div').hide("slow", runIt);
    }
    runIt();
});

但似乎并不那么pretty。

But it seems not so pretty.

推荐答案

这是我会怎么做。我想提出的唯一建议是使用链接为更好code等jQuery对象没有生成每次。​​

That is how I would do it. The only suggestion I would make is to use chaining for nicer code and so the jquery object doesn't get created every time.

$(function () {
   function runIt() {
      $('#div').show("slow")
               .animate({"marginLeft":"300px"},8000)
               .animate({"marginLeft":"0px"},8000)
               .hide("slow", runIt);
   }

   runIt();
});

这篇关于jQuery的动画循环的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！