最優(yōu)良人 » 跑馬燈 http://www.dgkai.cn/blog 中山php|最優(yōu)網(wǎng)絡(luò) Mon, 13 May 2013 04:56:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 JS實(shí)現(xiàn)簡(jiǎn)單的垂直不簡(jiǎn)單滾動(dòng)跑馬燈 http://www.dgkai.cn/blog/view-219.html http://www.dgkai.cn/blog/view-219.html#comments Sat, 27 Aug 2011 09:21:12 +0000 lin http://www.dgkai.cn/blog/?p=219 以下代碼實(shí)現(xiàn)垂直不簡(jiǎn)單滾動(dòng)跑馬燈效果,注意js代碼要放在html代碼后面

<div id=maq style=overflow:hidden;height:200px;width:204px;>
<div id=mtext>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8611-1.html">從善如流重民意辦好實(shí)事惠民生</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8612-1.html">岐江夜游兩岸大改造 重點(diǎn)打造濱江一號(hào)廣</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8613-1.html">60年工齡鉗工熬成機(jī)車專家</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8614-1.html">小客車成了水果攤</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8615-1.html">曾軼可欲投票洪辰被阻止?</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8616-1.html">電動(dòng)車上練瑜伽?</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8617-1.html">為未來發(fā)展獻(xiàn)計(jì)支招</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8618-1.html">為重點(diǎn)工程把脈開方</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8619-1.html">"防盜網(wǎng)"令小區(qū)治安明顯好轉(zhuǎn)</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8620-1.html">彩虹社區(qū)</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8621-1.html">116家個(gè)體工商戶轉(zhuǎn)型為企業(yè)</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8622-1.html">送科技送法律送健康</a></li>
</ul>
<ul>
<li><a href="http://www.dgkai.cn/news/view-8609-1.html">網(wǎng)絡(luò)團(tuán)購貓膩多做好備份好退貨</a></li>
</ul>

</div>
<div id=m0></div>
</div>

<script>
var speed=40 //調(diào)整滾動(dòng)速度
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>
效果如:

 

]]>
http://www.dgkai.cn/blog/view-219.html/feed 117