jQuery图片左右滚动代码 有左右按钮实例

用jquery封装了一个控制图片左右滚动的插件，有左右按钮可以点击实现图片滚动效果。

代码如下：

* {
  padding:0;
  margin:0;
  list-style: none
}
img{
  border: none
}
#img-slider, #img-slider-2 {
  position: relative;
  width: 560px;
  height: 80px;
}
.slider-wrap {
  width: 480px;
  overflow: hidden;
  position: relative;
  height: 150px;
  margin-left: 40px;
}
.slider-wrap ul {
  zoom: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 9999px;
}
.slider-wrap ul li {
  float: left;
  width: 120px;
  text-align: center;
  padding: 5px 0;
}
#prev, #next {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 40px
}
#next {
  left: auto;
  right: 0px
}



 


 prev
 
  

   

   

   

   

   

   

  
 
 next

 

 prev
 
  

   

   

   

   

   

   

  
 
 next

 

大家可以直接复制上面的代码，保存成html测试。

以上就是本文的全部内容，希望能给大家一个参考，也希望大家多多支持考高分网。