使用HTML+CSS+jQuery实现图片轮播，自动切换与按钮交互

<script src="jquery-1.7.1.js"></script>
<style type="text/css">
ul, li{padding:0;margin:0;display:block;}
#wrap{width:962px; margin:0 auto; font-size:14px;}
#wrap .banner02{width:962px; height:485px; background:url(http://images.jumei.com/activity/act1010/sjwx_08.jpg) no-repeat;}
#wrap .banner02 .left{ width:50px; height:155px; margin:170px 0 0 50px; float:left;}
#wrap .banner02 .middle{ width:760px; height:410px; margin:10px 0 0 8px;float:left;}
#wrap .banner02 .right{ width:50px; height:155px; margin:170px 0 0 10px; float:left;}
#wrap .banner03{width:962px; height:577px; background:url(http://images.jumei.com/activity/act1010/sjwx_09.jpg) no-repeat;}
#wrap .banner03 .middle{ width:750px; height:500px; margin:0 auto;}
   .seckill_main{
        width:735px;height:411px;position:relative;padding:41px 60px 33px;overflow: hidden;margin:0 auto;
    }
    .seckill_slider_left, .seckill_slider_right{
        width:47px;height:155px;position:absolute;top:104px;z-index:1; cursor: pointer;
    }
    .seckill_slider_left{
       top:205px;
       left:3px;
    }
    .seckill_slider_right{
       top:205px;
       right:12px;
    }
    .seckill_container{
        width:735px;height:411px;position:relative;overflow: hidden;
    }
    #seckill_slider{
        width:10000px;display:inline-block;position: absolute;top:0;left:0;
    }

    #seckill_slider li{
        width:233px; height:411px;float:left;margin:0 6px;
    }
    #seckill_slider li .pic{
        width:233px;height:411px;position: relative;
    }
    #seckill_slider li .pic .disabled{
        background:#CCCCCC;
    }
    #seckill_slider li .info_box{
        width:160px;height:80px;overflow:hidden;text-align:center;padding-top:10px;
    }
    #seckill_slider li .info_box .name, #seckill_slider li .info_box .discounted_price{
        width:160px;height:24px;line-height:24px;overflow:hidden;
    }
    #seckill_slider li .info_box .name a{
        font-size:12px;color:#000;text-decoration:none;
    }
    #seckill_slider li .info_box .name a:hover{
        color:#ed145b;
    }
    #seckill_slider li .info_box .discounted_price{
        font-size:18px;font-weight:bold;color:#000;font-family: "arial";
    }
    #seckill_slider li .info_box .market_price{
        height:25px;line-height:25px;color:#666666;font-size:12px;
    }
    #seckill_slider li .waiting_box{
        height:90px;line-height:90px;text-align: center;font-size:20px;color:#ed145b;font-weight:bold;
    }