php_PHP チュートリアルを使用して簡単なスライド メニューを実装する

テーブル {font-size = 9pt}
td {高さ = 20px}





<=パッドイベント=onclickのスクリプト>
//大カテゴリノードのクリック応答
for(var i=1;i this.parentElement.rows[i].style.display = "なし";
this.parentElement.rows[this.rowIndex+1].style.display='block';
view.innerHTML = this.v1 +":"+ this.v2 // サイズクラスに従って対応するアクションを構築します
;
<=bar イベント=onclick のスクリプト>
// 小規模クラスのノードのクリック応答
view.innerHTML = this.v1 +":"+ this.v2 // サイズクラスに従って対応するアクションを構築します
;
<スクリプト>
/**
* メニューのHTMLコード文字列を生成します
※エントリパラメータはメニューでデフォルトで開かれるカテゴリー番号です
*/
機能メニュー(n) {
this.ar = 新しい配列(
/**
*パラメータ配列
* コラム 1: 大分類
* 列 2: サブカテゴリー
* 列 3: タイトル
​*/
new Array(1,0,"主要カテゴリ 1"),
new Array(1,1,"小カテゴリ 1"),
新しい配列(1,2,"小カテゴリ 2"),
new Array(2,0,"大カテゴリ 2"),
new Array(2,1,"小規模クラス 1"),
新しい配列(2,2,"小カテゴリ 2"),
new Array(2,3,"小カテゴリ 3"),
new Array(3,0,"主要カテゴリ 3"),
new Array(3,1,"小規模クラス 1"),
新しい配列(3,2,"小カテゴリ 2"),
new Array(4,0,"主要カテゴリ 4"),
new Array(4,1,"小カテゴリ 1"),
新しい配列(4,2,"小カテゴリ 2"),
new Array(4,3,"小カテゴリ 3")
);
this.width =120;
this.bgcolor = "#f0f0f0";
this.bordercolorlight = "#c0c0c0";
this.bordercolordark = "#FFFFFF";
this.tr_bgcolor = "#d0d0d0";
var s = "

「
」 for(var i=0;i if(this.ar[i][1] == 0) {
if(i > 0)
s += "";
var vk = this.ar[i][0]==n?"block":"none";
s += ""+this.ar[i][2]+"";
}その他
s += ""+ this.ar[i][2]+"";
}
s += "";
戻ります;
}
/*** メニューの作成 ***/
メニュー.innerHTML = メニュー(4);

http://www.bkjia.com/PHPjc/371608.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/371608.html技術記事 style table {font-size = 9pt} td {height = 20px} /style body span id=menus/span span id=view/span /body script for=padevent=onclick // 大カテゴリノードのクリック応答 for(var i =1;ithis.p...