<p class="listintro"><span id="sp"></span>メニュー</p> <p style="width:340px;height:285px;float:left;"> <!---<br/> シンプルなスライド メニュー<br/><br/> Xu Zuning (しつこい)<br/> 2003.03<br/> czjsz_ah@stats.gov.cn<br/><br/> スライド メニューは、より一般的に使用されるメニュー形式で、二次カテゴリの使用をリストするときに広く使用されます。最小限のコード量と簡潔なデータ記述が特徴です。 <br/> この例はワイヤレス フォームを使用し、クラスの記述で表現されています。 <br/> このコードは自由に拡散できます。 <br/>---><br><style><br>table {font-size = 9pt}<br>td {height = 20px}<br></style><br><body><br><span id="menus">< ;/span><br><span id="view"></span><br></body><br><br><script for=padevent=onclick><br>//ノードの大カテゴリのクリック応答<br>for (var i=1;i<this.parentelement.rows.length></this.parentelement.rows.length> this.parentElement.rows[i].style.display = "none";<br>this.parentElement.rows[this.rowIndex+1 ]. style.display='block';<br>view.innerHTML = this.v1 +":"+ this.v2; //サイズクラスに従って対応するアクションを構築します<br></script><br><br><script for= bar event= onclick><br> //小さいクラスのノードクリック応答<br>view.innerHTML = this.v1 +":"+ this.v2 // サイズクラスに従って対応するアクションを構築します<br></script><br><br>< script><br/>/ **<br/> * メニューを生成する HTML コード文字列 <br/> * エントリパラメータは、デフォルトで開かれるメニューのカテゴリー番号です <br/>*/<br/>function menu(n) {<br/> this.ar = new Array(<br/> /***/<br/> new Array(1,0,"大分類 1"), <br/> new Array( 1,1,"小カテゴリ 1")、<br/> new Array(1,2,"小カテゴリ 2")、<br/> new Array(2,0,"大カテゴリ 2")、<br/> new Array(2 ,1," 小カテゴリ 1")、<br/> new Array(2,2,"小カテゴリ 2")、<br/> new Array(2,3,"小カテゴリ 3")、<br/> new Array(3,0,"Majorカテゴリ 3") 、<br/> 新しい配列 (3,1,"小カテゴリ 1")、<br/> 新しい配列 (3,2,"小カテゴリ 2")、<br/> 新しい配列 (4,0,"大カテゴリ 4")、 <br/> new Array( 4,1,"小カテゴリ 1")、<br/> new Array(4,2,"小カテゴリ 2")、<br/> new Array(4,3,"小カテゴリ 3")<br/> );<br/> これ。 width =120; <br/> this.bgcolor = "#f0f0f0";<br/> this.bordercolorlight = "#c0c0c0";<br/> this.bordercolordark = "#FFFFFF";<br/> this.tr_bgcolor = "#d0d0d0";<br/> var s = "< ;table border= 1 align=center width="+this.width+" bgcolor="+this.bgcolor+" bordercolorlight="+this.bordercolorlight+" bordercolordark="+this.bordercolordark+" CELLPADDING=0 CELLSPACING=0><br/> の場合(var i= 0;i<this.ar.length;i++) { //メニューの HTML 構造を構築します。この構造では、サイズ クラス番号がイベント応答で使用するカスタム パラメーターとして使用されます。 <br/> if(this.ar[i][1] == 0) {<br/> if(i > 0)<br/> s += "</table></td></tr>";<br> var vk = this.ar[i][0]==n?"block":"none";<br> s += "<tr id='pad' bgcolor="+this.tr_bgcolor+" v1="+this.ar [i][0]+" v2="+this.ar[i][1]+"></p> <td align="center">"+this.ar[i][2]+"</td> </tr><tr style='display:"+vk+"'><td><table width=100%>";<br> id='bar' v1="+this.ar[i ][0]+" v2="+this.ar[i][1]+">"+this.ar[i][2]+" </td></tr>";<br> } <br> s += "</table></td></tr></table>";<br> return s;<br>}<br><br>/*** メニューの作成 ***/<br>menus.innerHTML = menu(4 );<br></script><br> <center> </center> <p style="width:100%;text-align:center;margin:10px 0"> <br> <br> </p> <p style="width:100%;text-align:center;margin:10px 0"> </p> <p class="clear"></p>