1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- //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");
- });
- }
|