jquery - 动画 div 容器不会停留在同一位置

Question

我有 div 容器，图像作为喷气机的背景，我想模拟这个元素的喷气飞行，当动画这个元素时，从右到左移动我从左位置移动：600 像素到左位置：-1600 像素，但是这一次没有repit的工作，返回位置左侧600 px，其他时间转到-1600 px

我把我的代码放在这里：

 $("#header_fly_1").fadeIn(100, function() {

        $(this).animate({
            'left': '-1600'
        }, 8000);
    });

    setInterval(function() {
        $("#header_fly_1").css('right','0').fadeIn(100, function() {
            $(this).animate({
                'left': '-1600'
            }, 8000);
        });
    }, 5000);

我尝试了很多次，但没有得到作为一个动画循环的作品

问候 ！

Answer 1

您正在设置左右，检查这是否有效：

$(function() {
    $("#header_fly_1").fadeIn(100, function() {
        $(this).animate({
            'right': '50%'
        }, 1500);
    });

    setInterval(function() {
        $("#header_fly_1").css('right','0').hide().fadeIn(100, function() {
            $(this).animate({
                'right': '50%'
            }, 1500);
        });
    }, 2000);
});

演示：jsFiddle