創建一個包含滑動圖像的div

-1

我有一個div，裏面放置了很多語言的圖像。 div的總大小高於瀏覽器中的頁面大小。所以我希望圖像像動畫滑塊一樣從下到上繼續移動。圖像大小不是我想要改變的。我只想讓圖像從下往上移動。在這個網站的最後http://www.veepal.com/有一個div，它具有不同編程語言的圖像，它們保持滑動。我想要類似的功能。可能嗎？？創建一個包含滑動圖像的div

<div id="languagesRow" style="position: absolute;top:5px;"> 
       <div id="l1"><img class="messagesOne" src="images/languages/English.png"></div> 
       <div id="l2"><img class="messagesOne" src="images/languages/French.png"></div> 
       <div id="l3"><img class="messagesOne" src="images/languages/Russian.png"></div> 
       <div id="l4"><img class="messagesOne" src="images/languages/Chinese.png"></div> 
       <div id="l5"><img class="messagesOne" src="images/languages/Korean.png"></div> 
       <div id="l6"><img class="messagesOne" src="images/languages/Hindi.png"></div> 


      </div>

我不知道有什麼方法可以更優化地用來實現這種動畫，所以我標記的jQuery，JavaScript和CSS在這個崗位。

來源

2012-12-06 Nick Div

那麼你可以使用選取框此：

http://jsfiddle.net/ZB2Fc/

<div class='flags'> 
    <MARQUEE BEHAVIOR='SCROLL' HEIGHT='25' WIDTH='300' BGColor='yellow' scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();"> 
     <div id="l1">English</div> 
     <div id="l2">French </div> 
     <div id="l3">Russian </div> 
     <div id="l4">Chinese </div> 
    </MARQUEE> 
</div>

來源

2012-12-06 07:57:54 Jai

非常感謝，你的回答非常有用。 –

我會問你一個同樣的好處，我問其他人誰回答，選框內的項目（在我的情況下圖像）開始逐一可見，然後完全消失，然後再次出現。有沒有一種方法可以像循環操作一樣，就像上一張圖像何時出現，它立即被第一張圖像所佔據？我感謝任何幫助。 –

抱歉，我忘記標記爲答案。 –

CSS選取框是一個選項：http://jsfiddle.net/FbKW9/

<marquee behavior="scroll" direction="up" >//item</marquee>

來源

2012-12-06 07:51:48 Anujith

感謝，這是一個很好的解決方案確切所需的功能ionality。只有一件事，選框內的項目（在我的圖像中）開始逐個可見，然後完全消失，然後再次出現。有沒有一種方法可以像循環操作一樣，就像上一張圖像何時出現，它立即被第一張圖像所佔據？ –

創建一個包含滑動圖像的div

回答

相關問題