数据库中读取一个list,里面装的是你要显示的新闻内容。
取list比较容易 我就不啰嗦了
然后用以下的js代码
- <div id="mq" style="width:100%;height:120px;overflow:hidden" onmouseover="iScrollAmount=0"
- onmouseout="iScrollAmount=1">
- //这里循环取得你的新闻内容
- </div>
- 注意这里div中样式的height你可以根据你的实际情况去改变啊!
- <script>
- var oMarquee = document.getElementById("mq"); //滚动对象
- var iLineHeight = 25; //单行高度,像素
- var iLineCount = <%=list.size()%>; //实际行数
- var iScrollAmount = 1; //每次滚动高度,像素
- function run() {
- oMarquee.scrollTop += iScrollAmount;
- if ( oMarquee.scrollTop == iLineCount * iLineHeight )
- oMarquee.scrollTop = 0;
- if ( oMarquee.scrollTop % iLineHeight == 0 ) {
- window.setTimeout( "run()", 0 );
- } else {
- window.setTimeout( "run()", 50 );
- }
- }
- oMarquee.innerHTML += oMarquee.innerHTML;
- window.setTimeout( "run()", 0 );
- </script>
阅读(1543) | 评论(0) | 转发(0) |