注:上下滚动时,单元格demo1里面的内容高度要大于demo设置的高度才能无限滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS上下滚动(不停歇代码)</title> </head> <body> <TABLE WIDTH=230 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=4> <IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_01.jpg" mce_SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_01.jpg" WIDTH=230 HEIGHT=8></TD> </TR> <TR> <TD> <IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_02.jpg" mce_SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_02.jpg" WIDTH=14 HEIGHT=152></TD> <TD bgcolor="#3BB934" WIDTH=200 HEIGHT=152> <div class="RPR-P1"> <!-- P1-R2 begin --> <!-- 奥运博客圈 begin --> <div class="RPR-P1-R2"> <!-- 滚动文字 begin --> <div id="demo" class="OBQList" style="overflow: hidden; width: 100%; height:152px; color:#fff; margin:0px;line-height:22px;"> <div id="demo1">·<a href="http://gongyi.sina.com.cn/gybb/2008-08-25/15353469.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-08-25/15353469.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠逾亿元(8.22发布)</a><br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-08-19/17293384.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-08-19/17293384.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额4716万元(8.15发布)</a><br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-08-15/17483317.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-08-15/17483317.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额3.113亿元(8.8发布)</a><br> ......<br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-08-05/11293206.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-08-05/11293206.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额9.6亿元(8.1发布)</a><br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-07-30/09163147.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-07-30/09163147.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额6.447亿元(7.25发布)</a><br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-07-24/17343060.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-07-24/17343060.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额11.66亿元(7.18发布)</a><br> ......<br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-07-16/17592930.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-07-16/17592930.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额13.26亿元(7.11发布)</a><br> ·<a href="http://gongyi.sina.com.cn/gybb/2008-02-25/1720679.html" mce_href="http://gongyi.sina.com.cn/gybb/2008-02-25/1720679.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠总额18.41亿元(7.04发布)</a><br> ·<a href="http://gongyi.sina.com.cn/qycs-3/2008-06-30/14302732.html" mce_href="http://gongyi.sina.com.cn/qycs-3/2008-06-30/14302732.html" target="_blank" style="text-decoration:none;color:#FFFFFF " mce_style="text-decoration:none;color:#FFFFFF ">本周捐赠数据139.6亿元(6.27发布)</a><br> ......<br> </div> <div id="demo2"></div> </div> <mce:script type="text/javascript"><!-- var speed = 50 var _demo = document.getElementById("demo"); var _demo1 = document.getElementById("demo1"); var _demo2 = document.getElementById("demo2"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(_demo2.offsetTop-_demo.scrollTop<=0){ _demo.scrollTop-=_demo1.offsetHeight }else{ _demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) _demo.οnmοuseοver=function() {clearInterval(MyMar)} _demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} // --></mce:script> <!-- 滚动文字 end --> </div> </div> <!-- 奥运博客圈 end --> <!-- P1-R2 end --> </div> <!-- P1 end --> </div> </TD> <TD> <IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_04.jpg" mce_SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_04.jpg" WIDTH=1 HEIGHT=152></TD> <TD> <IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_05.jpg" mce_SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_05.jpg" WIDTH=15 HEIGHT=152></TD> </TR> <TR> <TD COLSPAN=4> <IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_06.jpg" mce_SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_06.jpg" WIDTH=230 HEIGHT=9></TD> </TR> </TABLE> </body> </html>