|
@@ -1,5 +1,6 @@
|
|
|
//1,选项卡文字超长的,截取展示
|
|
|
//2,调整选项卡的位置和左右按钮的显示
|
|
|
+
|
|
|
function tab() {
|
|
|
$("#tab>.tabs>li").each(function (i) {
|
|
|
var objString = $(this).find("p").text(); //获取当前选项卡名称
|
|
@@ -44,8 +45,103 @@ function tab() {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+function tabmove(code,isnew) {
|
|
|
+ var tabarray={};
|
|
|
+ var length = $("#tab>.tabs>li").length; //选项卡的数量
|
|
|
+ var showtab = Math.floor(parseInt($("#tab").width() - 204) / 170 + 1); //当前浏览器可显示的选项卡数量
|
|
|
+ $("#tab>.tabs>li").each(function (i) {
|
|
|
+ //alert($(this).find("p").text());
|
|
|
+ //alert($(this).attr("code"));
|
|
|
+ var code=$(this).attr("code");
|
|
|
+ var tabObj={};
|
|
|
+ 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) + "..."); //超出部分省略号表示
|
|
|
+ }
|
|
|
+ var cssleft=i * (136 + 34)
|
|
|
+ $(this).css("left", cssleft); //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"); //更改对应小图标地址
|
|
|
+
|
|
|
+ tabObj.objString=objString;
|
|
|
+ tabObj.index=i;
|
|
|
+ tabObj.code=code;
|
|
|
+ //tabObj.cssleft=$(this).css("left");
|
|
|
+ tabObj.cssleft=cssleft;
|
|
|
+ tabObj.csszindex=$(this).css("z-index");
|
|
|
+ tabObj.tableft=15;
|
|
|
+ tabObj.plus=0;
|
|
|
+ if (i >=showtab){
|
|
|
+ //alert(tabObj.tableft-(i-showtab+1)*170);
|
|
|
+ tabObj.tableft=tabObj.tableft-(i-showtab+1)*170;
|
|
|
+ tabObj.plus=i - showtab+1;
|
|
|
+ }
|
|
|
+
|
|
|
+ tabarray[code]=tabObj;
|
|
|
+ //tabarray.push(tabObj)
|
|
|
+ //jQuery.parseJSON(json)
|
|
|
+ //按钮图片切换
|
|
|
+
|
|
|
+ });
|
|
|
+ //alert(JSON.stringify(tabarray[code]));
|
|
|
+
|
|
|
+ tcodeObj=tabarray[code];
|
|
|
+
|
|
|
+ $("#tabs").css("left", tcodeObj.tableft);
|
|
|
+ //alert(plus+"--"+tcodeObj.plus);
|
|
|
+ plus=tcodeObj.plus
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /*
|
|
|
+ if(!code){
|
|
|
+ var tabsleft = parseInt($("#tabs").css("left"));
|
|
|
+ //alert($("#tabs").width());
|
|
|
+ //alert(JSON.stringify(tabarray[code]));
|
|
|
+ //
|
|
|
+ if (length > showtab){
|
|
|
+ $("#tabs").css("left", tabsleft-170);
|
|
|
+ plus=length - showtab;
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ alert(JSON.stringify(tabarray[code]));
|
|
|
+ }
|
|
|
+ */
|
|
|
+
|
|
|
+ //alert(code+"--->"+JSON.stringify(tabarray))
|
|
|
+ //alert(JSON.stringify(tabarray));
|
|
|
+ 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");
|
|
|
+ }
|
|
|
+ $("#buttontab").css("display","block");
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ $("#buttontab>#tabsnext").css("background", "url('"+$.app+"/static/biz/image/change.png') no-repeat -36px 0px");
|
|
|
+ $("#buttontab").css("display","none");
|
|
|
+ }
|
|
|
+ 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) {
|
|
|
+ //alert(arguments.length);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
//点击选项卡触发事件
|
|
|
$(tabtit).find("li").bind(shijian, function () {
|
|
|
$(this).addClass("thistab").siblings("li").removeClass("thistab"); //当前选项卡添加选中样式,删除其他选项卡选中样式
|