jquery - jQuery从左到右连续动画图像？

Question

我有一个云图像，我想使用 jQuery 对其进行动画处理。

我想连续从左到右移动云图像。有人可以帮我吗？

谢谢

Answer 1

不确定我是否理解您要求的确切动画，但无论如何，试试这个：

HTML 部分

<img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/>

JAVASCRIPT/JQUERY 部分

function moveRight(){
    $("#b").animate({left: "+=300"}, 2000,moveLeft)
}

function moveLeft(){
    $("#b").animate({left: "-=300"}, 2000,moveRight)
}

$(document).ready(function() {

   moveRight();

});

http://jsfiddle.net/tTman/

Answer 2

使用 jquery spritely让您的图像以连续模式从左到右移动。下载插件，将其附加到您的页面并查看他们的演示以获得想法。我过去曾使用过类似的东西来精灵移动我的物品..

$('#trees').pan({fps: 30, speed: 2, dir: 'left'});