当前位置:企业首页 >> 新闻中心

分享到: 更多

无间隙不抖动的DIVCSS及javascript的滚动

发布时间:2011-11-24 20:44 点击量:

<style>
  #demo{
   width:800px; height:202px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
  #demo img{
   width:250px;height:195px;border: 0;margin: auto 8px; border:1px #000000 solid;
   }
  #demo1,#demo2,#demo1 ul,#demo2 ul,#demo1 ul li,#demo2 ul li{
  display:inline;}
</style>
</head>
<body>
<div id="demo">
    <div id="demo1">
          <ul>
        <li><img src="images/banner02.jpg" /></li>
     <li><img src="images/banner02.jpg" /></li>
     <li><img src="images/banner02.jpg" /></li>
     </ul>
    </div>
 <div id="demo2">
    </div>
</div>
<script>
    var ddd=document.getElementById("demo");
 var dd=document.getElementById("demo1");
 var d=document.getElementById("demo2");
 d.innerHTML=dd.innerHTML;
 function g(){
    if(ddd.scrollLeft>d.offsetWidth){
         ddd.scrollLeft=0;
    }else{
    ddd.scrollLeft++;
    }
 }
 var tt=setInterval("g()",10);
ddd.onmouseover=function(){
clearInterval(tt);
}
ddd.onmouseout=function(){
tt=setInterval("g()",10);
}
</script>

(责任编辑:msh8888)

上一篇:定时器分两种分别是setTimeout和setInterval


下一篇:没有了

案例展示图

网  址:

www.chinaitweb.com

客服热线:13391795197[可发短信注明来意]

客服热线:13717978877[可发短信注明来意]

qq:802041000