Javascript文字上下滚动效果

实现原理：

1 将评论区最后一条动态出入到第一条位置；通过定时器实现每5秒调用一次
2 主要用到了insertBefore方法

温习一下insertBefore用法：

insertBefore: 方法在被选元素之前插入 HTML 标记或已有的元素

注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之前。
语法：$(content).insertBefore(selector)

    /* ---------------------------- HTML 代码结构演示 ----------------------------- */
    <ul>
        <li>评论一</li>
        <li>评论二</li>
        <li>评论三</li>
        <li>评论四</li>
        <li>评论五</li>
    </ul>


    /* ----------------------------  jQuery 代码演示 ----------------------------  */
    <script>
        setInterval(function(){
            $('ul li:last').hide().insertBefore(
                $('ul li:first')
            ).slideDown(500);
        },5000)
    </script>