js实现文字字幕滚动
<div class="dggd_r" id="h"
style="height:400px;overflow:hidden;display:inline;float:left;">
<ul id="h1">
<li><a
href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？真爱吗？
</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？
</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？细节决定成败
</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？</a></li>
<li><a
href="#">你单身的主要原因？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a href="#">SD卡雷锋精神的路口附近？？
</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？？</a></li>
<li><a
href="#">SD卡雷锋精神的路口附近？</a></li>
</ul>
<ul id="h2"></ul>
</div>
<script
type="text/javascript">
var speed=40;
var
h2=document.getElementById("h2");
var
h1=document.getElementById("h1");
var
h=document.getElementById("h");
h2.innerHTML=h1.innerHTML;
function
Marquee(){
if(h2.offsetTop-h.scrollTop<=0){
h.scrollTop-=h1.offsetHeight;
}
else{
h.scrollTop++;
}
}
var
MyMar=setInterval(Marquee,speed);
h.onmouseover=function()
{clearInterval(MyMar)}
h.onmouseout=function()
{MyMar=setInterval(Marquee,speed)}
</script>
功能的实现只需这些代码即可 ，当然如果不行，就是div的高度有问题。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
