Javascript 创建包含滑动图像的div

我有一个div，里面有许多语言的图像。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添加了标签。

css字幕是一种选择：

//项目

您可以使用marquee来实现这一点：

英语
法语
俄语
中国人

谢谢，这是一个非常好的解决方案，功能完全符合要求。只有一件事，字幕中的项目（在我的例子中是图像）开始一个接一个地可见，然后完全消失，然后再次出现。有没有一种方法可以让这看起来像一个循环操作，比如当最后一张图片出现时，它会立即被第一张图片愚弄？？非常感谢，你的回答非常有用。我想请你帮个忙，就像我问回答的另一个人一样，字幕中的项目（在我的例子中是图片）一个接一个地开始可见，然后完全消失，然后再次出现。有没有一种方法可以让这看起来像一个循环操作，比如当最后一个图像出现时，它会立即被第一个图像愚弄？？谢谢你的帮助。

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

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