关闭

图片无缝滚动代码(DIV+CSS+JavaScript)

245人阅读 评论(0) 收藏 举报
  1. <div id="imgbox" style="height:110px;width:600px;overflow:hidden;">  
  2.     <div id="imgbox1" style="float:left;width:1000%">  
  3.         <img src="http://www.guhongtao.com/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  4.         <img src="http://www.guhongtao.comintl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  5.         <img src="http://www.guhongtao.com/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  6.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  7.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  8.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  9.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  10.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  11.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  12.         <img src="http://www.guhongtao.com.hk/intl/zh-CN/images/logo_cn.gif" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">     
  13.     </div>  
  14.     <div id="imgbox2" style="float:left" mce_style="float:left"></div>  
  15. </div>  


  1. <mce:script type="text/javascript"><!--  
  2. var speed=30;  
  3. var imgbox=document.getElementById("imgbox");  
  4. var imgbox1=document.getElementById("imgbox1");  
  5. var imgbox2=document.getElementById("imgbox2");  
  6. imgbox2.innerHTML=imgbox1.innerHTML;  
  7. function Marquee(){  
  8.  if(imgbox2.offsetWidth-imgbox.scrollLeft<=0)  
  9.   imgbox.scrollLeft-=imgbox1.offsetWidth;  
  10.  else{  
  11.   imgbox.scrollLeft++;  
  12.  }  
  13. }  
  14. var MyMar=setInterval(Marquee,speed);  
  15. imgbox.onmouseover=function(){clearInterval(MyMar)}  
  16. imgbox.onmouseout=function(){MyMar=setInterval(Marquee,speed)}  
  17. // --></mce:script>  

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:390次
    • 积分:19
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档