Question

我有带图像的div容器作为jet的背景，我想模拟这个元素的喷射飞行，当动画这个元素时，从右到左移动我从左侧位置移动：600像素到左侧位置：-1600 px，但是没有其他时间重新编辑，返回位置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);
});

动画div容器没有停留在相同的位置

1 个答案:

演示：jsFiddle