当前位置: 代码迷 >> Web前端 >> 文字图片向下不间断滚动代码
  详细解决方案

文字图片向下不间断滚动代码

热度:98   发布时间:2012-11-23 22:54:33.0
文字图片向上不间断滚动代码
<DIV id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 150px; COLOR: #0000ff; HEIGHT: 200px">
    <DIV id=demo1>
        <div align="center">
        <A href="http://www.dream68.cn"><IMG src="/image/logo.gif" height=50 border=0></A><br>
        <A href="http://www.dream68.cn"><IMG src="/image/logo.gif" height=50 border=0></A><br>
        <A href="http://www.dream68.cn"><IMG src="/image/logo.gif" height=50 border=0></A><br>
<A href="http://www.dream68.cn"><IMG src="/image/logo.gif" height=50 border=0></A><br><A href="http://www.dream68.cn"><IMG src="/image/logo.gif" height=50 border=0></A>
        </div>
    </DIV>
    <DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=50;
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>
  相关解决方案