Question

我目前正在为一所旧学校的c64小组制作一个网站，我认为展示像旧的前奏一样摆动的徽标会很好。

我以为我拥有它，但是它以一种方式摆动然后然后停止。

以下是代码：

jQuery(document).ready(function() {
function right() {
    $('header img').animate({
    left: '680px',
    }, 5000, function() {
    left()
    });
}
function left() {
    $('header img').animate({
    left: '0px',
    }, 5000, function() {
    right()
    });
}
});

我确信我错过了一些简单的东西，任何帮助都会非常感激。

Answer 1

看起来这可能是范围问题。尝试在ready事件处理程序之外定义函数，如下所示：

function right() {
    $('header img').animate({
    left: '680px',
    }, 5000, function() {
        left();
    });
}

function left() {
    $('header img').animate({
    left: '0px',
    }, 5000, function() {
        right();
    });
}

jQuery(document).ready(function() {
    right();
});

Answer 2

我认为这与动画队列有关。我添加了stop（）到t动画，现在它可以工作了。因此，如果您想在页面上放置一个摆动的徽标，请输入以下代码：

jQuery(document).ready(function() {
right();

    function right() {
        $('#images img').stop().animate({
// Move the image right to the width of the container, minus the width of the image
        left: '480px',
        }, 5000, function() {
        left()
        });
    }
    function left() {
        $('#images img').stop().animate({
// Move back to the left
        left: '0px',
        }, 5000, function() {
        right()
        });
    }

});

Jquery：摇摆的标志

2 个答案: