首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-23 
文字图片向上不间断滚动代码DIV iddemo styleBACKGROUND: #ffffff OVERFLOW: hidden WIDTH: 150px

文字图片向上不间断滚动代码
<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>

热点排行