圖片無縫滾動

字號:


    <DIV id=demo>
    <DIV id=demo1>
    <a ><!--無縫滾動圖片相應(yīng)連接-->
    <IMG src=無縫滾動圖片地址.gif width="90"> </a>
    <IMG src=無縫滾動圖片地址.gif width="90">
    <IMG src=無縫滾動圖片地址.gif width="90">
    <IMG src=無縫滾動圖片地址.gif width="90">
    <IMG src=無縫滾動圖片地址.gif width="90">
    </DIV>
    <DIV id=demo2>
    </DIV>
    </DIV>
    </DIV>
    <SCRIPT>
    var speed=100 ;//定義滾動速度 單位px
    demo2.innerHTML=demo1.innerHTML;//將層1內(nèi)容放到層2
    function Marquee(){ //定義滾動函數(shù)
    if(demo2.offsetTop-demo.scrollTop<=0) //如果層2已經(jīng)消失,即層2距頂部距離減去外層距離<=0
    demo.scrollTop-=demo1.offsetHeight ;//那么將層1的自身高度設(shè)置為外層頂部距離.
    else{ //否則的話外層距頂部距離加1px;
    demo.scrollTop++ ;
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function(){clearInterval(MyMar)}
    demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
    </SCRIPT>