jQuery无限双向动画

jQuery infinite two-way animation

本文关键字:动画 无限 jQuery      更新时间:2023-09-26

我的代码需要一些帮助。我定义了一个带有回调函数的无限动画。无限动画对我来说非常棒,但是:

  • 一些文本应该向左移动,然后再回到初始位置(平滑)

我需要第二个动画还是?我认为问题将出现在最后一个参数($(this).css(…))中。。。一点也不好。

$(function () {
    var moveBasic = function () {
        $('ul#softfacts div.basic').delay(1000).animate({
            'margin-left': '+=5px'
        }, 1000, 'linear', function () {
            $(this).css({
                'margin-left': '+=5px'
            });
            moveBasic();
        });
    }
    moveBasic();
});
},

再次使用animate():

$(this).animate({
    marginLeft: '-=5px'
}).promise().done(function () {
    moveBasic()
});

这是指全局对象。尝试使用$('ul#softfactsdiv.basic')而不是这个。