<!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>文字逐行滚动示例--捷扬网络，捷扬文章系统</title> </head> <mce:style type="text/css"><!-- li{float:left;width:35em;height:20px;background:#FFF} --></mce:style><style type="text/css" mce_bogus="1">li{float:left;width:35em;height:20px;background:#FFF}</style> <body> <div id="demo" style="overflow:hidden;height:120px;width:100%;"> <div id="demo1"> <li>·香港中国户外广告集团有限公司</li> <li>·深圳市润鸿科技有限公司</li> <li>·深圳市奥德美电子有限公司</li> <li>·深圳市华联粮油贸易有限公司</li> <li>·欧凤电器（深圳）有限公司</li> <li>·深圳市希尔科技有限公司</li> <li>·深圳市黄金眼实业有限公司</li> <li>·天津友通国际货运代理有限公司深圳分公司</li> <li>·香港中国户外广告集团有限公司</li> <li>·深圳市润鸿科技有限公司</li> <li>·深圳市奥德美电子有限公司</li> <li>·深圳市华联粮油贸易有限公司</li> <li>·欧凤电器（深圳）有限公司</li> <li>·深圳市希尔科技有限公司</li> <li>·深圳市黄金眼实业有限公司</li> <li>·天津友通国际货运代理有限公司深圳分公司</li> </div> <div id="demo2"></div> </div> <mce:script language="JavaScript" type="text/javascript"><!-- var speed = 3;//滚动速度 var rows = 20;//每行高度 var stim = 80; //停留时间倍数 * speed var stop = 0; //初始化值，不管 demo2.innerHTML = demo1.innerHTML function Marquee() { if(demo.scrollTop%rows==0 && stop<=stim) { stop++; return; } stop = 0; if(demo2.offsetTop-demo.scrollTop<=0) { demo.scrollTop-=demo1.offsetHeight } else { demo.scrollTop++ } } var MyMar = setInterval(Marquee,speed) demo.onmouseover = function() {clearInterval(MyMar)} demo.onmouseout = function() {MyMar=setInterval(Marquee,speed)} // --></mce:script> </body> </html>
扫一扫
1827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
