首页 >> 下载中心 >> JavaScript源码 >> 选项卡/滑动门 JMenuTab 源码下载（2）

选项卡/滑动门 JMenuTab 源码下载（2）

作者:xling 来源:经典论坛时间:2008-7-11 网友评论条【大中小】

使用方法：

为了方便大家使用，我写了一个简单的使用说明：

代码示例：

var menuLeft = new JMenuTab(null,null,"left");
       menuLeft.create();
       menuLeft.setSkin("JMenuTabBlue");
       menuLeft.setFixHeight(400,false,false,true);
       menuLeft.addTab("About");
       menuLeft.addTab("Xling");
       menuLeft.setActiveTab(0);

1，构造：

function JMenuTab(pWidth,pHeight,pBody)

如果不指明pWidth，就是100%，如果不指明pHeight，就会有个默认的高度，如果不指明pBody，就在BODY的最后显示。注：如果不指定，需用null代替，下面的写法都是正确的：

var menuLeft = new JMenuTab(null,null,"left");
var menuLeft = new JMenuTab(null,null,null);
var menuLeft = new JMenuTab();
var menuLeft = new JMenuTab(100,100);

2，初始创建：

this.create = function()

这个函数要紧跟在new JMenuTab(...)后。

3，设置皮肤：

this.setSkin = function(pSkin)
pSkin来自CSS文件，比如：
#JMenuTabGreen {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       padding: 2px;
       border-right-width: 1px;
       border-bottom-width: 1px;
       border-left-width: 1px;
}
#JMenuTabGreen .oInnerline {
       background-color: #FFFFFF;
}

那么这个pSkin就可以取:JMenuTabGreen

4，设置固定（最小）高度：

this.setFixHeight = function(pHeight,pAutoExpend,pXScroll,pYScroll)

pHeight，即指最小高度。
pAutoExpend，指是否自动扩展（如果内容高度大于pHeight），可为null,可不填
pXScroll，指是否显示水平滚动轴，可为null,可不填。
pYScroll，指是否显示垂直滚动轴，可为null,可不填。

5，添加标签：

this.addTab = function (pLabel,pPageBodyId)

pLabel，指标签上的文字。

pPageBodyId,指标签内容容器（DIV,IFRAME,TABLE等）的ID，可为null,可不填。

6，作为普通面板使用，即没有标签：

this.setDefaultPage = function(pPageBodyId)

使用这个，就不要在使用addTab了，pPageBodyId和addTab的pPageBodyId一样，但是：必填。

7，设置当前标签：