jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例

本文实例讲述了jQuery实现仿淘宝带有指示条的图片转动切换效果的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:





* {
 padding: 0;
 margin: 0
}
body {
 background-color: #EEE;
}
#slides {
 position:relative;
 width: 312px;
 margin: 0 auto
}
.slides_container {width:312px; height:145px}
.pagination {position:absolute; top:145px; left:0; width:312px; background-color: rgba(51, 51, 51, 0.5);
 -webkit-transform: translate3d(0, 0, 0);}
.pagination li {
 float: left;
 width: 104px;
 height: 3px;
 display: -webkit-box
}
.pagination li a {
 display: block;
 width: 104px;
 height: 3px;
 font-size: 0
}
.pagination li.current a {
 background-color: #FF4000
}

希望本文所述对大家的jQuery程序设计有所帮助。