javascript选项卡 [本本作品]

以前看到很多少要能独立行行的JSR2+中的选项卡控件，以前因为时间问题没做整理，这几天正好朋友的项目中要用，我就花时间整理出来了，现在发上来与大家分享~~~

 

有时间，我会陆续的把JSR2+中的其它组件都整理出来，方便大家~~~谢谢~~

 

我的选项卡的特点：

 

美工好，功能好，效率高，控制方便~~~

 

附件中的RAR包里的选项卡的API和应用演示，看看就能会用，再不会就来问我~~~~

 

更新：090106版，新添加count方法，返回选项卡中TAB的数量；

 

演示：  JSR2+的选项卡控件(独立)

 

 

 

评论

8 楼 cuixiping 2009-11-07  

还满好看的。能不能把api直接帖出来，比较方便讨论

7 楼 bskr84 2009-10-24  

我看好像适合做论坛用。

6 楼 xzj127 2009-03-11  

eval(function(L,F,H,$,J,_,D,A){function B($){return $<62?String.fromCharCode($+=$<26?65:$<52?71:-4):$<63?"_":$<64?"$":B($>>6)+B($&63)}while(H>0)_[B($--)]=F[--H];function K($){return _[$]==D[$]?$:_[$]}if("".replace(/^/,String)){var G=L.match(J),C=G[0],I=L.split(J),E=0;if(L.indexOf(I[0]))I=[""].concat(I);do{A[H++]=I[E++];A[H++]=K(C)}while(C=G[E]);A[H++]=I[E]||"";return A.join("")}return L.replace(J,K)}("Array.Bp.Bs=3(Y,X){m.splice(Y,X||V)};f BE=/msie/Bx.test(navigator.userAgent),x=k;Z(!BE){BM.Ba(\"Bn\",3(){f Y=BH.callee;do Z(Y.BH[U]instanceof BW)v Y.BH[U];while((Y=Y.caller));v k});BW.Bp.Ba(\"Bf\",3(){Z(m.type==\"y\")v;v m.target})}JsTabPane=3(N){f Q=m,S,R,B,BI,J=U,H,BP,L,Y,K,O,D,X,F,P=-V,I=[],E,BV=\"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=BQ,sizingMethod=scale,h='@Acommon/Bc/Bm/[e-mail]')\",BJ=3(){(Q.e=S=4.Bj(N.Bi)).Bi=\"\";(L=4.BU(\"b\")).7=\"<b s=c-Bl $=a p='background-position:o U'></b><b s=c-Bl $=a></b><b s='c-T-body jfont' $=a><b></b></b>\";R=L.childNodes;(X=R[U]).BT=3(){BP&&A(BA,V)};(D=R[V]).BT=3(){H&&A(BA,-V)};(K=(Y=R[BS]).BC).p.r=\"10px\";S._(O=4.BU(\"b\")).6=\"d-q\";Z(N.BO){O.7=\"<BO h=BD:BR r=Bo% 0=Bo% frameborder=U></BO>\";(F=O.5).p.1=\"l\"}N.Bd!=t&&(S.6=\"c-Bd\");x=N.appPath||\"\"},C=3(Y){v Y<U||Y>=I.w?t:BQ},BL=3(Y){I[Y].y&&I[Y].y(B,BI)},M=3(){D.p.Br=(H=Y.9!=U)?\"j o\":\"j j\";X.p.Br=(BP=J-Y.9+45>B)?\"o o\":\"o j\"},A=3(X,C,D){f A,B=3(){(A=X-=W)>W&&(A=W);Y.9+=A*C;Z(A<W){M(J);D&&D();A=B=X=C=D=k}n BM.setTimeout(B,V)};B()};Q.Bq=3(Y){f X=new BX(Y);X.e.u=I.w;X.e.BT=3(){R=m.u;Z(BM.Bn.Bf.6==\"d-BB\"){Z(R==I.w-V&&H)A(m.offsetWidth+10,-V,3(){Q.8(R)});n Q.8(R)}n Q.z(R)};K.p.r=(J+=X.r+BS);K._(X.e);X.q&&(O._(X.q).p.1=\"l\");I.push(X);M();X=Y=k};Q.8=3(X,A){Z(!C(X))v t;R=I[X];K.BZ(R.e);R.q&&O.BZ(R.q);Z(R.g&&P==X){F.h=\"BD:BR\";F.p.1=\"l\"}K.p.r=(J-=R.r+BS);i(f Y in R)R[Y]=k;I.Bs(X);Z(!A){i(Y=U;Y<I.w;Y++)I[Y].e.u=Y;Z(P==X){P=-V;Q.z(--X<U?++X:X)}n P>X&&P--;M()}R=X=A=k};Q.removeAll=3(){i(f Y=I.w;Y>=U;Y--)Q.8(Y,BQ);M();P=-V};Q.count=3(){v I.w};Q.z=3(Y){Z(!C(Y)||P==Y||I[Y].BN)v t;Z(P>-V){(R=I[P]).e.6=\"c-d\";R.q&&(R.q.p.1=\"l\");Z(R.g){F.h=\"BD:BR\";F.p.1=\"l\"}}(R=I[P=Y]).e.6=\"c-d-focus\";E&&E(R.2);Z(R.q){BL(Y);R.q.p.1=\"\"}Z(R.g){F.p.1=\"\";F.h=R.g}R=Y=k};Q.disable=3(Y,X){Z(!C(Y))v t;(R=I[Y]).BN=X;R.e.6=X?\"c-d BG-dsb\":\"c-d\";P==Y&&(P=-V)};Q.Bb=3(Y){f X=k;Z(Y==\"BTM\"){S._(L).6=\"c-T-Bu\";X={A:x,B:\"btm\"}}n{S.insertBefore(L,O).6=\"c-T-BG\";X={A:x,B:\"top\"}}BE&&(L.p.filter=BV.replace(/@[A-Bt]/Bw,3(Y){v X[Y.charAt(V)]||\"\"}));X=k;M()};Q.Bh=3(X,Y){!(X>BY)&&(X=BY);!(Y>Bk)&&(Y=Bk);S.p.0=Y;B=S.p.r=X;BI=O.p.0=Y-27;P>-V&&BL(P);M()};Q.getSelectedTab=3(){v C(P)?{2:I[P].2,u:P}:k};Q.indexOf=3(X){Z(I[P].2==X)v P;i(f Y=U;Y<I.w;Y++)Z(I[Y].2==X)v Y;v-V};Q.onChange=3(Y){E=Y};BJ();Q.Bb(N.mode);Q.Bh(N.r,N.0);Z(N.BK){i(f G=U;G<N.BK.w;G++)Q.Bq(N.BK[G]);Q.z(U)}R=BJ=N=k};BX=3(X){f A=m,Y;(A.e=4.BU(\"b\")).6=\"c-d\";A.e.7=\"<b s='c-d-By c-d-T' $=a><b s='c-d-Bz c-d-T' $=a><b s=c-d-Bv $=a><b s=d-BB $=a></b><b s=d-head><Be><img align='absmiddle'/><Bg $=a></Bg></Be></b></b></b></b>\";A.e.p.r=A.r=X.r>30?X.r:BA;Y=A.e.5.5.5;!X.BB&&(Y.BC.p.1=\"l\");A.2=Y.5.5.5.7=X.2||\"Tab\\u6807\\u7b7e\\u9879\";Y=Y.5.5.BC;Z(X.BF!=t)Y.h=X.BF||x+\"common/Bc/Bm/BG-BF.gif\";n Y.p.1=\"l\";A.q=4.Bj(X.q)||k;A.g=!A.q&&X.g||k;A.y=X.y||k;A.BN=t;A=Y=X=k}","K|L|N|O|Q|R|S|T|U|W|X|s|0|1|8|_|$|if|on|div|tpn|tab|dom|var|url|src|for|0px|null|none|this|else|17px|style|panel|width|class|false|index|return|length|__path|resize|select|height|display|caption|function|document|lastChild|className|innerHTML|removeTab|scrollLeft|appendChild|unselectable|125|closed|firstChild|about|__ie|icon|t|arguments|J|P|tabs|I|window|disabled|iframe|M|true|blank|2|onclick|createElement|V|Event|__|200|removeChild|__defineGetter__|setMode|image|border|nobr|srcElement|span|setSize|id|getElementById|120|btn|tabPane|event|100|prototype|addTab|backgroundPosition|remove|Z|b|c|g|i|l|r".split("|"),108,115,/[\w\$]+/g,{},{},[]))


这些代码怎么读？为什么要用这些符号？我一直不懂！
    难道是不想让别人看懂？

很想读懂。但是 很费力！LZ能否回答一下

5 楼 adding 2009-03-10  

页面用UTF-8时布局错乱了!

4 楼 51jsr 2008-12-28  

hanjs 写道

做应用系统能使用这个么？我看好像适合做论坛用。

没问题

3 楼 hanjs 2008-12-28  

做应用系统能使用这个么？我看好像适合做论坛用。

2 楼 51jsr 2008-12-27  

yangtao309 写道

楼主 能不能把没压缩的源码放出来 也好研究哈

源码不小心删了~~~~
你就JSA格式化一下就行了~~~~代码写的很简单

1 楼 yangtao309 2008-12-27  

楼主 能不能把没压缩的源码放出来 也好研究哈