js实现可控制左右方向的无缝滚动效果

本文实例为大家分享了无缝滚动效果Javascript代码实现，供大家参考，具体内容如下】

效果图：

实现代码：

  
    
    
    
      *{
 margin: 0;
 padding:0;
      }
      body{
 width: 1000px;
 margin: 100px auto;
 background-color: #fff;
      }
      #wrapper{
 overflow: hidden;
 width: 600px;
 height: 100px;
 position: relative;
  
      }
      #wrapper ul {
 position: absolute;
 left: 0;
 top: 0;
      }
      #wrapper li{
 float: left;
 list-style: none;
      }
      #wrapper li img{
 width: 150px;
 height: 100px;
 border-radius: 9px;
      }
      input[type=button]{
 margin-top: 20px;
 width: 35px; 
 height: 25px;
 line-height: 25px;
      }
    
    
  
  
    
      

 

 

 

 

      
    
    
    
  

大家可以参考以下专题进行学习：

《Javascript滚动效果汇总》《jQuery滚动效果汇总》 《Javascript图片轮播效果汇总》

以上就是本文的全部内容，希望对大家学习Javascript程序设计有所帮助。