我有一个云图像,我想使用jQuery为它设置动画。
我想连续地从左到右移动云图像。 有人可以帮我这个吗?
由于
答案 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();
});
答案 1 :(得分:3)
使用jquery spritely让图像以连续模式从左向右移动。下载插件,将其附加到您的页面并查看他们的演示以获得一个想法。我过去曾经用过这样的东西用精灵来移动我的物品..
$('#trees').pan({fps: 30, speed: 2, dir: 'left'});