首頁 >web前端 >html教學 >图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:28:491242瀏覽

代码如下:

 

Code
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档



<script> <br />function ScrollImgLeft(){ <br />var speed=5 <br />var scroll_begin = document.getElementById("scroll_begin"); <br />var scroll_end = document.getElementById("scroll_end"); <br />var scroll_div = document.getElementById("scroll_div"); <br />scroll_end.innerHTML=scroll_begin.innerHTML <br />function Marquee(){ <br /> if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0) <br /> scroll_div.scrollLeft-=scroll_begin.offsetWidth <br /> else <br /> scroll_div.scrollLeft++ <br />} <br />var MyMar=setInterval(Marquee,speed) <br />scroll_div.onmouseover=function() {clearInterval(MyMar)} <br />scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)} <br />} <br /></script>
    
    

      

        

              
  • 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

  •           
  • 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

  •           
  • 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

  •           
  • 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

  •           
  • 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

  •         
            

      

      

    

    
<script>ScrollImgLeft();</script>


 

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn