jQuery从左到右连续动画图像?

时间:2013-05-10 12:41:22

标签: jquery

我有一个云图像,我想使用jQuery为它设置动画。

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

由于

2 个答案:

答案 0 :(得分:4)

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

HTML PART

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

JAVASCRIPT / JQUERY PART

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

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

$(document).ready(function() {

   moveRight();

});

http://jsfiddle.net/tTman/

答案 1 :(得分:3)

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

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