-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 マーキーは 1 つのオプションです: 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 に答える