>웹 프론트엔드 >HTML 튜토리얼 >图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 12:28:491244검색

代码如下:

 

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으로 문의하세요.