<STYLE type=text/css>
a{
text-decoration:none;
}

.conter{
overflow:hidden;
height:165px;
width:221px;
margin:0px;
font-size: 12px;
}

#demo a {
display:block;
color:#333;
padding-left:2px;
overflow:hidden;
white-space:nowrap;
width:221px;
text-overflow:ellipsis;
}

#demo a:hover {
color:#f00;
}
</STYLE>

<div id="demo" class="conter">
<div id="demo1">
<a href="#">01 英法国防部证实两国核潜艇相撞英法国防部证实两国核潜英法国防部证实两国核潜</a>
<a href="#">02 广电总局等严禁演员主持医疗节目</a>
<a href="#">03 日本首相麻生将任命与谢野馨接任辞职大臣</a>
<a href="#">04 广电总局等严禁演员主持医疗节目</a>
<a href="#">05 日本首相麻生将任命与局等严禁演员主局等严禁演员主谢野馨接任辞职大臣</a>
<a href="#">06 广电总局等严禁演员主持医疗节目</a>
<a href="#">07 日本首相麻生将任命与谢野馨接任辞职大臣</a>
<a href="#">08 广电总局等严局等严禁演员主局等严禁演员主禁演员主持医疗节目</a>
<a href="#">09 日本首相麻生将任命与谢野馨接任辞职大臣</a>
<a href="#">10 广电总局等严禁演员主持医疗节目</a>
<a href="#">11 日本首相麻生将任命与谢野馨接任辞职大臣</a>
<a href="#">12 广电总局等严禁演员主持医疗节目</a>
</div>
<div id=demo2></div>
</div>

<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
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)
}

</script>

同在谷歌浏览器中，在本地预览一段时间为啥会停止。