//js
var n=0;
$(".left").click(function () {
n--;
if(n<0){
n=0;
$(".left").css("disabled","true");
}
$(".slider_list").animate({"left":-n*110},300);
});
$(".right").click(function () {
n++;
if(n>=9){
n=4;
$(".right").css("disabled","ture");
}
$(".slider_list").animate({"left":-n*110},300);
});
//CSS
#main_banner .banner_slider_wrap {
width: 1220px;
margin: 0 auto;
position: relative;
}
#main_banner .banner_slider_wrap .banner_sliderL,
#main_banner .banner_slider_wrap .banner_sliderR{
width: 30px;
height: 60px;
position: absolute;
z-index: 5;
top: 60px;
border: 1px solid #fff;
cursor: pointer;
}
#main_banner .banner_slider_wrap .banner_sliderL{
background-position:-93px -279px;
left:0;
}
#main_banner .banner_slider_wrap .banner_sliderR{
background-position:-93px -393px;
right:0;
}
#main_banner .banner_slider_wrap .banner_slider{
width: 1120px;
margin: 0 auto;
overflow: hidden;
height: 168px;
margin-top: 20px;
}
#main_banner .banner_slider_wrap .banner_slider .slider_list{
width: 2280px;