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.86956464.com/news/view-8611-1.html">從善如流重民意辦好實事惠民生</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8612-1.html">岐江夜游兩岸大改造 重點打造濱江一號廣</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8613-1.html">60年工齡鉗工熬成機車專家</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8614-1.html">小客車成了水果攤</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8615-1.html">曾軼可欲投票洪辰被阻止？</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8616-1.html">電動車上練瑜伽？</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8617-1.html">為未來發展獻計支招</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8618-1.html">為重點工程把脈開方</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8619-1.html">"防盜網"令小區治安明顯好轉</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8620-1.html">彩虹社區</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8621-1.html">116家個體工商戶轉型為企業</a></li> </ul> <ul> <li><a href="http://www.86956464.com/news/view-8622-1.html">送科技送法律送健康</a></li> </ul> <ul> <li><a href="http://www.86956464.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 »