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

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

WBOY
发布: 2016-06-24 12:28:49
原创
1238 人浏览过

代码如下:

 

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>


 

 

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板