2011/08/27 at 17:21 » Comments (117)

以下代码实现垂直不简单滚动跑马灯效果，注意js代码要放在html代码后面 <div id=maq style=overflow:hidden;height:200px;width:204px;> <div id=mtext> <ul> <li><a href="http://www.zui88.com/news/view-8611-1.html">从善如流重民意办好实事惠民生</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8612-1.html">岐江夜游两岸大改造 重点打造滨江一号广</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8613-1.html">60年工龄钳工熬成机车专家</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8614-1.html">小客车成了水果摊</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8615-1.html">曾轶可欲投票洪辰被阻止？</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8616-1.html">电动车上练瑜伽？</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8617-1.html">为未来发展献计支招</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8618-1.html">为重点工程把脉开方</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8619-1.html">"防盗网"令小区治安明显好转</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8620-1.html">彩虹社区</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8621-1.html">116家个体工商户转型为企业</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8622-1.html">送科技送法律送健康</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8609-1.html">网络团购猫腻多做好备份好退货</a></li> </ul> </div> <div id=m0></div> </div> <script> var speed=40 //调整滚动速度 m0.innerHTML=mtext.innerHTML function Marquee(){ if(m0.offsetTop-maq.scrollTop<=0) maq.scrollTop-=mtext.offsetHeight else{ maq.scrollTop++ } } var MyMar=setInterval(Marquee,speed) maq.onmouseover=function() {clearInterval(MyMar)} maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 效果如：   从善如流重民意办好实事惠民生 岐江夜游两岸大改造 重点打造滨江一号广 60年工龄钳工熬成机车专家 小客车成了水果摊 曾轶可欲投票洪辰被阻止？ 电动车上练瑜伽？ 为未来发展献计支招 为重点工程把脉开方 "防盗网"令小区治安明显好转 彩虹社区 116家个体工商户转型为企业 送科技送法律送健康 网络团购猫腻多做好备份好退货 more »