-1

我有一个 div,其中放置了多种语言的图像。div 的总大小超过了浏览器中的页面大小。所以我希望图像像动画滑块一样从下到上移动。图像大小不是我想要改变的。我只希望图像从下到上不断移动。在本网站http://www.veepal.com/的末尾有一个 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。

4

2 回答 2

1

CSS Marquee 是一种选择:http: //jsfiddle.net/FbKW9/

<marquee  behavior="scroll" direction="up" >//item</marquee>
于 2012-12-06T07:51:48.053 回答
1

好吧,您可以为此使用选框:

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-06T07:57:54.967 回答