新闻条、广告条滚动效果

写一个项目的主页,新闻要用到每条逐下往上滚动效果,在网上搜了好大一会也没发现满意的,索性跟别人要了一段代码贴上实现了


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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值