下滚动

…═☆幻

<div id=demo style=overflow:hidden;height:100;width:90;
background:#214984;color:#ffffff>
<div id=demo1>
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
<img src="http://www.haao.cn/logo.gif">
</div>
<div id=demo2></div>
</div>
    <script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML
    demo.scrollTop=demo.scrollHeight
    function Marquee(){
    if(demo1.offsetTop-demo.scrollTop>=0)
    demo.scrollTop+=demo2.offsetHeight
    else{
    demo.scrollTop--
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>