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