<mark id="cjdas"></mark>

    <ruby id="cjdas"></ruby>
    <tbody id="cjdas"><delect id="cjdas"><wbr id="cjdas"></wbr></delect></tbody>
      <tbody id="cjdas"><acronym id="cjdas"></acronym></tbody>
    <listing id="cjdas"></listing>

    作家
    登錄

    js無縫滾動

    作者: 來源: 2014-10-29 17:08:28 閱讀 我要評論

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>圖片滾動</title> 
    </head> 
    <body> 
    <style type="text/css"> 
     
    #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } 
    #demo img { border: 3px solid #F2F2F2; } 
    #indemo { float: left; width: 800%; } //所有圖片的總寬度
    #demo1 { float: left; } 
    #demo2 { float: left; } 
     
    </style> 
    <div id="demo"> 
    <div id="indemo"> 
    <div id="demo1"> 
    <a href="#"><img src="/jscss/demoimg/wall_s1.jpg" border="0" /></a> 
    <a href="#"><img src="/jscss/demoimg/wall_s2.jpg" border="0" /></a> 
    <a href="#"><img src="/jscss/demoimg/wall_s3.jpg" border="0" /></a> 
    <a href="#"><img src="/jscss/demoimg/wall_s4.jpg" border="0" /></a> 
    <a href="#"><img src="/jscss/demoimg/wall_s5.jpg" border="0" /></a> 
    <a href="#"><img src="/jscss/demoimg/wall_s6.jpg" border="0" /></a> 
    </div> 
    <div id="demo2"></div> 
    </div> 
    </div> 
    <script> 
    var speed=10; 
    var tab=document.getElementById("demo"); 
    var tab1=document.getElementById("demo1"); 
    var tab2=document.getElementById("demo2"); 
    tab2.innerHTML=tab1.innerHTML; 
    function Marquee(){ 
    if(tab2.offsetWidth-tab.scrollLeft<=0) 
    tab.scrollLeft-=tab1.offsetWidth 
    else{ 
    tab.scrollLeft++; 
    var MyMar=setInterval(Marquee,speed); 
    tab.onmouseover=function() {clearInterval(MyMar)}; 
    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; 
    </script> 
    </body> 
    </html> 

      推薦閱讀

      javascript 拷貝節點cloneNode()使用介紹 詳細出處參考:http://www.jb51.net/article/48712.htm

    cloneNode(a)方法接受一個布爾值參數,表示是否深拷貝 true:表示執行深拷貝,復制本節點以及整個子節點樹. false:淺拷貝.只復制節點本身. 復制后返回的節點副本屬于文檔所有,但是并沒有父節點.除非使用appendChild,in>>>詳細閱讀


    本文標題:js無縫滾動

    地址:http://www.jychbg.com/kaifa2/JS/34496.html

    關鍵詞: 探索發現

    樂購科技部分新聞及文章轉載自互聯網,供讀者交流和學習,若有涉及作者版權等問題請及時與我們聯系,以便更正、刪除或按規定辦理。感謝所有提供資訊的網站,歡迎各類媒體與樂購科技進行文章共享合作。

    網友點評
    自媒體專欄

    評論

    熱度

    精彩導讀
    欄目ID=71的表不存在(操作類型=0)
    免费观看人成视频在线播放

    <mark id="cjdas"></mark>

    <ruby id="cjdas"></ruby>
    <tbody id="cjdas"><delect id="cjdas"><wbr id="cjdas"></wbr></delect></tbody>
      <tbody id="cjdas"><acronym id="cjdas"></acronym></tbody>
    <listing id="cjdas"></listing>