ホームページ >ウェブフロントエンド >jsチュートリアル >JMenuTabの簡単な使い方_JavaScriptスキル
コード例:
var menuLeft = new JMenuTab(null,null,"left");
menuLeft.create();
menuLeft.setFixHeight(400); ,false,false,true);
menuLeft.addTab("Xling");
1,構築:
function JMenuTab(pWidth,pHeight,pBody)
pWidth が指定されていない場合は 100%、pHeight が指定されていない場合はデフォルトの高さになります。 BODY の最後に表示されます。注: 指定しない場合は、代わりに null を使用する必要があります。
var menuLeft = new JMenuTab(null,null,"left");
var menuLeft = new JMenuTab(null,null,) null);
var menuLeft = new JMenuTab();
2、初期作成:
this.create = function()
この関数は new JMenuTab(...) の直後に続ける必要があります。
3. スキンを設定します:
this.setSkin = function(pSkin)
pSkin は次のような CSS ファイルから取得されます:
#JMenuTabGreen {
font-family : Verdana、Arial、Helvetica、サンセリフ
フォントサイズ: 12px;
ボーダー右幅: 1px; 🎜> border -left-width: 1px;
}
#JMenuTabGreen .oInnerline {
背景色: #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、現在のラベルを設定します:
this.setActiveTab = function(pIndex)
pIndex は 0 から始まる数値です。インデックスが存在しない場合、インデックスは存在しません。セット。