js跑马灯，消息轮播效果

<script type="text/javascript">

    var AutoScroll = function (a) {
        $(a).find("ul:first").animate({
            marginTop: "-20px"
        }, 500, function () {

            $(this).css({
                marginTop: "0px"
            }).find("li:first").appendTo(this)
        })
    };

    if ($(".notice-list ul li").length > 5) {
        setInterval('AutoScroll(".notice-list")', 2000)
    } else {

    }

</script>

 页面：

<div class="notice-list">
                        <ul class="notice-list-ul" style="list-style: none;display: inline;padding: 0;">
                            <c:forEach var="var" items="${article_list}">
                            <li>
                                <img src="static/images/default/dot.png" style="float: left; margin-top: 10px;">
                                <a target="_blank" style="width: 160px;"
                                   href="<%=basePath%>front/go_detail.do?id=${var.id}">${var.article_title}</a>

                                <span style="    margin-left: 15px; position: relative;bottom: 6px;">

                                    <fmt:formatDate pattern="yyyy-MM-dd " value="${var.create_time}"
                                                    type="both"></fmt:formatDate></span>
                                </c:forEach>

                            </li>
                        </ul>

                    </div>