2013-05-10 93 views
1

我有一个云形象,我想用jQuery为它制作动画。jQuery使图像从左向右连续动画?

我想将云图像从左向右连续移动。 有人可以帮助我吗?

感谢

+5

有特别您有什么麻烦?你有什么尝试?如果您提供您当前拥有的代码,这将有所帮助,以便我们可以帮助您修复和/或改进它。此外,[这篇文章](http://stackoverflow.com/questions/3042092/using-jquery-animate-to-animate-a-div-from-right-to-left)可能有助于你正在寻找什么它涵盖了相同的主题。 – Zhihao 2013-05-10 12:44:38

+0

google word:parallax – 2013-05-10 12:49:54

回答

4

不知道我已经明白你所要求的确切的动画,但是,不管怎样,试试这个:

HTML部分

<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/

+0

这里的问题是我们可以看到图像从右向左移动。我需要的是将图像从左向右连续移动。如果图像到达div的末尾,我希望动画能够从左到右重新开始。我希望你有一些想法...... – Kannan 2013-05-11 03:41:42

3

使用jquery spritely以连续模式从左到右移动图像。下载插件,附加它的页面,并看看他们的演示,以获得一个想法。我用这样的事情在过去移动与兴致我的项目..

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