2013-05-10 90 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'});