//1,选项卡文字超长的,截取展示 //2,调整选项卡的位置和左右按钮的显示 function tab() { $("#tab>.tabs>li").each(function (i) { var objString = $(this).find("p").text(); //获取当前选项卡名称 var objLength = $(this).find("p").text().length; //获取当前选项卡名称长度 var num = 8; //选项卡名称最大长度 if (objLength > num) { objString = $(this).find("p").text(objString.substring(0, num - 1) + "..."); //超出部分省略号表示 } $(this).css("left", i * (136 + 34)); //left值往右递加 $(this).css("z-index", -(i - 40)) //堆叠顺序往右递减 $("#tab>.tabs>.thistab").css("z-index", "101"); //选中选项卡顺序最高 // var imgname = $(this).attr("code"); //定义变量为选项卡name值 $(this).find("div>img").attr("src", $.app+"/static/biz/image/oa.png"); //更改对应小图标地址 // var imgname1=$("#tab>.tabs>.thistab").attr("name"); //定义变量为选中选项卡name值 // $("#tab>.tabs>.thistab").find("div>img").attr("src","images/"+imgname1+"_1.PNG"); //更改选中选项卡对应小图标地址 // if (imgname=="index") { //首页不能关闭 // $(".thistab").find("span").css("display", "none"); // } //按钮图片切换 var length = $("#tab>.tabs>li").length; //选项卡的数量 var showtab = Math.floor(parseInt($("#tab").width() - 204) / 170 + 1); //当前浏览器可显示的选项卡数量 var tabsleft = parseInt($("#tabs").css("left")) if (length > showtab) { //判断选项卡是否超出 if (plus < (length - showtab)) { //判断操作步数 $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px -29px"); } else { $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px"); } } else { $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px"); } if (tabsleft >= 15) { $("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px 0px"); } else { $("#buttontab>#tabsprev").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat 0px -29px"); } }); } //根据选项卡更新内容 function jqtab(tabtit, tab_conbox, shijian) { //点击选项卡触发事件 $(tabtit).find("li").bind(shijian, function () { $(this).addClass("thistab").siblings("li").removeClass("thistab"); //当前选项卡添加选中样式,删除其他选项卡选中样式 var activeindex = $(this).attr("code"); //当前选项卡name值赋予变量 // $("#iframepage").attr("src",$.app+activeindex); $('#'+activeindex).css("display","block"); showOrHide(activeindex); tab(); }); //点击关闭选项卡触发事件 $(tabtit).find("li>div>span").bind(shijian, function () { var parentli = $(this).parent().parent(); if(parentli.hasClass("thistab")){ //判断当前选项卡是否选中 if (parentli.next("li").length) { //判断下个选项卡是否存在 parentli.next().trigger(shijian); //执行下个选项卡点击事件 } else { parentli.prev().trigger(shijian); //执行上个选项卡点击事件 } } parentli.remove(); //删除当前选项卡 $('#'+parentli.attr("code")).remove(); var tabsleft = parseInt($("#tabs").css("left")); if(tabsleft<15){ plus--; $("#tabs").css("left", tabsleft+170); }; tab(); }); } function showOrHide(code){ $(".iframepage:not([id='"+code+"'])").each(function(i){ $(this).css("display","none"); }); }