写一个项目的主页,新闻要用到每条逐下往上滚动效果,在网上搜了好大一会也没发现满意的,索性跟别人要了一段代码贴上实现了
div用到的属性:#div1{height:150px;overflow:hidden;}
jsp:
<div id="div1">
<ul>
<c:forEach items="${noticeDb.rows}" var="mp">
<li style="list-style:url(../images/dian.png);"><a href="<c:url value="/notice/look-notice.action"/>?notice_id=${mp.notice_id}">${mp.notice_name}</a></li>
</c:forEach>
</ul>
</div>
JS:
<script>
//修改说明:#div1里的高度(150px)即是你需要显示的行数<br/>
//js里的18即是要滚动的行高;1700即是每次滚动所需要的时间,越大则速度越慢!
var c,_=Function;
with(o=document.getElementById("div1")){ innerHTML+=innerHTML; οnmοuseοver=_("c=1"); οnmοuseοut=_("c=0");}
(F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:1700);".replace(/#/g,"o.scrollTop")))();
</script>