这里有一个基本的脚本，它在屏幕上移动图像，然后在另一边恢复并适应窗口宽度。
你可以看到它在这里工作：http://jsfiddle.net/jfriend00/rnWa2/

function startMoving(img) {
    var img$ = $(img);
    var imgWidth = img$.width();
    var screenWidth = $(window).width();
    var amount = screenWidth - (parseInt(img$.css("left"), 10) || 0);
    // if already past right edge, reset to 
    // just left of left edge
    if (amount <=0 ) {
        img$.css("left", -imgWidth);
        amount = screenWidth + imgWidth;
    }
    var moveRate = 300;   // pixels per second to move
    var time = amount * 1000 / moveRate;
    img$.stop(true)
        .animate({left: "+=" + amount}, time, "linear", function() {
            // when animation finishes, start over
            startMoving(this);
        })
}

$(document).ready(function() {
    // readjust if window changes size
    $(window).resize(function() {
        $(".mover").each(function() {
            startMoving(this);
        });
    });
});

我曾试图淡入元素，并在最后淡出元素，但不幸的是我失败了。如何做到这一点？

.animate({right: "+=" + amount}, time, "linear", function() {
        img$.delay(3000).fadeOut();
        startMoving(this);
    })
img$.fadeIn(3000);

}