Maison > interface Web > tutoriel HTML > 图片横向不间断滚动代码(div+css)_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:28:49
original
1243 Les gens l'ont consulté

代码如下:

 

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>


 

 

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal