熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> PHP編程 >> 正文

用php實現簡單的滑動菜單

2022-06-13   來源: PHP編程 

  <style>
table {fontsize = pt}
td {height = px}
</style>
<body>
<span id="menus"></span>
<span id="view"></span>
</body>
<script for=pad event=onclick>
// 大類節點點擊響應
for(var i=;i<thisparentElementrowslength;i+=)
 thisparentElementrows[i]styledisplay = "none";
thisparentElementrows[thisrowIndex+]styledisplay=block;
viewinnerHTML = thisv +":"+ thisv; // 根據大小類自行構造相應動作
</script>
<script for=bar event=onclick>
// 小類節點點擊響應
viewinnerHTML = thisv +":"+ thisv; // 根據大小類自行構造相應動作
</script>
<script>
/**
* 產生菜單的html代碼串
* 入口參數為菜單默認打開的大類號
*/
function menu(n) {
  thisar = new Array(
  /**
   * 參數數組
   * 列大類
   * 列小類
   * 列標題
   */
  new Array("大類一")
  new Array("小類一")
  new Array("小類二")
  new Array("大類二")
  new Array("小類一")
  new Array("小類二")
  new Array("小類三")
  new Array("大類三")
  new Array("小類一")
  new Array("小類二")
  new Array("大類四")
  new Array("小類一")
  new Array("小類二")
  new Array("小類三")
  );
  thiswidth =;
  thisbgcolor = "#fff";
  thisbordercolorlight = "#ccc";
  thisbordercolordark = "#FFFFFF";
  thistr_bgcolor = "#ddd";
  var s = "<table border= align=center width="+thiswidth+" bgcolor="+thisbgcolor+" bordercolorlight="+thisbordercolorlight+" bordercolordark="+thisbordercolordark+" CELLPADDING= CELLSPACING=>"
  for(var i=;i<thisarlength;i++) { // 構造菜單的html結構其中將大小類編號作為自定義參數以便事件響應時使用
    if(thisar[i][] == ) {
      if(i > )
        s += "</table></td></tr>";
      var vk = thisar[i][]==n?"block":"none";
      s += "<tr id=pad bgcolor="+thistr_bgcolor+" v="+thisar[i][]+" v="+thisar[i][]+"><td align=center>"+thisar[i][]+"</td></tr><tr style=display:"+vk+"><td><table width=%>";
    }else
      s += "<tr><td id=bar v="+thisar[i][]+" v="+thisar[i][]+">"+thisar[i][]+"</td></tr>";
  }
  s += "</table></td></tr></table>";
  return s;
}
/*** 創建菜單 ***/
menusinnerHTML = menu();
</script>


From:http://tw.wingwit.com/Article/program/PHP/201311/20923.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.