Html
    Css
    Js

    
                        
#slider_box ul{ padding: 0px; margin: 0px; list-style-type: none; }
#slider_box { width: 500px; float: left; }
#slider { width:500px; height: 300px; margin-top: 10px; position: relative; overflow: hidden; }
#slider #imgs { position: absolute; top: 0; left: 0; }
#slider #imgs li { float: left; z-index: 0; }
#slider  #indexs { position: absolute; bottom: 15px; right: 30px; }
#slider #indexs  li { width: 22px; height: 22px; line-height: 22px; display: inline-block; background: #3e3e3e; color: #fff; border-radius: 50%; text-align: center; cursor: pointer; margin-left: 10px; }
#slider #indexs li.hover { background: #b61b1f; }

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.1
 立即下载

jQuery图片轮播

0