• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

求助大神 ;无缝滚动时 向右方向没有进行无缝

无标题文档

  
  *{ margin:0 auto; padding:0;}
  li{ list-style:none;}
  img{ border:0;}
  
  .btn_left{ width:78px; height:78px; background:url(images/btn.jpg) -68px -68px no-repeat; display:block; position:absolute; top:75px; left:20px; z-index:1;}
  .btn_right{ width:78px; height:78px ; background:url(images/btn.jpg) 8px -68px no-repeat ; display:block; position:absolute; top:75px; right:20px; z-index:1;}
  .btn_left:hover{ background:url(images/btn.jpg) -68px 8px no-repeat ;}
  .btn_right:hover{  background:url(images/btn.jpg) 8px 8px no-repeat ;  }
   
  .sroll{ height:250px; border:1px solid rgb(204,204,204); width:1340px; position:relative;}
  .wrap{ width:1120px; height:200px; position:relative; overflow:hidden;  background:#eee; margin:0 auto;  z-index:0; padding-right:35px; border:2px solid #000; margin-top:20px; }
  .wrap ul{ position:absolute; left:0px;}
  .wrap ul li{ float:left; text-align:center; padding-bottom:5px;}
  .wrap ul li img{ width:250px; margin: 0 5px; padding:5px; background:rgb(153,153,153);}
  .wrap ul li img:hover{ background:rgb(0,102,102);}
  
  

   <script>
     window.onload = function(){
                 
                 var oDiv = document.getElementById("sroll");
                 var oUl = oDiv.getElementsByTagName('ul')[0];
                 var aLi = oDiv.getElementsByTagName('li');
                 var aBtn = oDiv.getElementsByTagName('a');
                 var iSpeed=-3;
                 var timer='null'
               
               
                oUl.innerHTML +=oUl.innerHTML;
                oUl.style.width=aLi[0].offsetWidth*aLi.length+'px';  
            timer=setInterval(function (){
                         
                 oUl.style.left=oUl.offsetLeft+iSpeed+"px";       

                        if(oUl.offsetLeft

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

发新帖

发布任务需求已有1031289位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!