ホームページ > バックエンド開発 > PHPチュートリアル > php_PHP チュートリアルを使用して簡単なスライド メニューを実装する

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

WBOY
リリース: 2016-07-21 14:52:23
オリジナル
985 人が閲覧しました


テーブル {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);

www.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...
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート