var timeline002895={ main:function(){ //算总和 var sumwidth =0; var _this=$(".scroll-main"); _this.find(".box").each(function(){ $(this).attr("id","box"+($(this).index()+1)) sumwidth += $(this).outerwidth(); }); //console.log(sumwidth); _this.find(".box-item").width(sumwidth); //添加滚动条 _this.mcustomscrollbar({ scrollbarposition:"outside", axis:"x" }) $(".pre-main").mcustomscrollbar({ scrollbarposition:"outside" }); //添加按钮 timeline002895.addbtn("ture"); //如显示按钮,更改为timeline002895.addbtn("ture"); //如需开启点击内容切换大图或内容,更改为 timeline002895.addbtn("/","ture"); //同时开启按钮和点击切换,更改为 timeline002895.addbtn("ture","ture"); }, addbtn:function(v,conclick){ if(v=='ture'){ $(".timeline002895 .btn").show() } else{ $(".timeline002895 .btn").hide() } var _this=$(".scroll-main"); var num=_this.find(".box").length //个数 //右 $(".btn a.next").click(function(){ var rel=$(this).attr("rel") $("#box"+rel).addclass("active").siblings().removeclass("active"); var a=parseint(rel.replace(/[^0-9]/ig,""))+1 if(a<=num){ $(this).attr("rel",a) _this.mcustomscrollbar("scrollto","#box"+(a-1)); } }); //左 $(".btn a.prev").click(function(){ $(".box").each(function(){ if($(this).hasclass("active")){ var id=$(this).attr("id") var e=parseint(id.replace(/[^0-9]/ig,""))-1 if(e>=2){ $(".next").attr("rel",(e+1)); } else{ $(".next").attr("rel",2); } //console.log(e); _this.mcustomscrollbar("scrollto","#box"+e); $("#box"+e).addclass("active").siblings().removeclass("active"); } }); }); //点击.box切换内容 (没有结合大图或者内容更换的 最好不开启) if(conclick=='ture'){ $(".box").each(function(){ if($(this).index()==0){ $(this).addclass("active"); } $(this).click(function(){ var id=$(this).attr("id") var e=parseint(id.replace(/[^0-9]/ig,""))+1 $(".next").attr("rel",e); $(this).addclass("active").siblings().removeclass("active"); _this.mcustomscrollbar("scrollto","#box"+(e-1)); //可以在下面添加其他显示内容 如大图或者内容 }); }); } } }