<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>新闻列表单行滚动js效果,者多行滚动js效果,超简洁</title> <style> a{display:block;line-height:18px;text-decoration:none;color:#f00;font-family:Arial;font-size:12px;} a:hover{text-decoration:underline;} .shell{width:220px; } #div1{height:72px;overflow:hidden;} </style> </head> <body> <div class="shell"> <div id="div1"> <a href="http://www.tonjay.com/js">1jQuery的图片滚动切换插件</a> <a href="http://www.tonjay.com/js">2Mootools slider 滚动条拖动取值的实现 </a> <a href="http://www.tonjay.com/js">3VB开发的Eclipse编程软件完整版</a> <a href="http://www.tonjay.com/js">4VC++生成随机数并快速排序的算法</a> <a href="http://www.tonjay.com/js">5VB语音报数计算器源程序</a> <a href="http://www.tonjay.com/js">6jQuery的图片滚动切换插件</a> <a href="http://www.tonjay.com/js">7Mootools slider 滚动条拖动取值的实现 </a> <a href="http://www.tonjay.com/js">8VB开发的Eclipse编程软件完整版</a> <a href="http://www.tonjay.com/js">9VC++生成随机数并快速排序的算法</a> </div> <div> <script type="text/javascript">/*Js—AD*/ var cpro_id = 'u360072';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script> <p style="font-size:18px;font-family:微软雅黑;">修改说明:#div1里的高度(72px)即是你需要显示的行数<br/> js里的18即是要滚动的行高;1500即是每次滚动所需要的时间,越大则速度越慢! <a href="http://www.tonjay.com/js">Js大全</a>注!<p/> </body> <script> var c,_=Function; with(o=document.getElementById("div1")){ innerHTML+=innerHTML; onmouseover=_("c=1"); onmouseout=_("c=0");} (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:1500);".replace(/#/g,"o.scrollTop")))(); </script> </html>
提示:你可以先修改部分代码再运行。
新闻列表单行滚动js效果,者多行滚动js效果,超简洁 注:经测试兼容Ie6、7、8,FF以及谷歌浏览器!