PHP+JS三級選單連動選單實作方法-php教程-PHP中文網

首頁

後端開發

php教程

PHP+JS三級選單連動選單實作方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 29, 2016 am 09:01 AM

echo gt lt menu

本文實例講述了PHP+JS三級選單連動選單實作方法。分享給大家供大家參考，具體如下：

<html>
  <head>
    <title>
      智能递归菜单-读取数据库
    </title>
    <style>
      TD { FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; LINE-HEIGHT: 130%;
      letter-spacing:1px } A:link { COLOR: #990000; FONT-FAMILY: "Verdana", "宋体";
      FONT-SIZE: 12px; TEXT-DECORATION: none; letter-spacing:1px } A:visited
      { COLOR: #990000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION:
      none; letter-spacing:1px } A:active { COLOR: #990000; FONT-FAMILY: "Verdana",
      "宋体"; FONT-SIZE: 12px; TEXT-DECORATION: none; letter-spacing:1px } A:hover
      { COLOR: #ff0000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION:
      underline; letter-spacing:1px } .Menu { COLOR:#000000; FONT-FAMILY: "Verdana",
      "宋体"; FONT-SIZE: 12px; CURSOR: hand }
    </style>
    <script language=javascript>
      function ShowMenu(MenuID) {
        if (MenuID.style.display == "none") {
          MenuID.style.display = "";
        } else {
          MenuID.style.display = "none";
        }
      }
    </script>
  </head>
  <body>
<&#63;php
// $Id:$
//基本变量设置
$GLOBALS["ID"] = 1;
//用来跟踪下拉菜单的ID号 $layer=1;
//用来跟踪当前菜单的级数
//连接数据库
$Con=mysql_connect( "localhost", "root", "123456"); mysql_select_db(
"menu");
//提取一级菜单
$sql="select * from menu where parent_id=0" ;
$result=mysql_query($sql,$Con);
//如果一级菜单存在则开始菜单的显示
if(mysql_num_rows($result)>0) ShowTreeMenu($Con, $result, $layer, $ID); 
//=============================================
//显示树型菜单函数 ShowTreeMenu($con,$result,$layer) //$con：数据库连接 
//$result：需要显示的菜单记录集
//layer：需要显示的菜单的级数 
//=============================================
function
ShowTreeMenu($Con, $result, $layer) {
//取得需要显示的菜单的项目数
$numrows=mysql_num_rows($result);
  //开始显示菜单，每个子菜单都用一个表格来表示 echo "
   < tablecellpadding = '0'cellspacing = '0'border = '0' > "; for($rows=0;$rows
        <$numrows;$rows++) { //将当前菜单项目的内容导入数组 $menu=mysql_fetch_array($result);
        //提取菜单项目的子菜单记录集 $sql="select * frommenuwhereparent_id = $menu[id]" ; $result_sub=mysql_query($sql,$Con);
        echo " < tr > "; //如果该菜单项目有子菜单，则添加JavaScript onClick语句 if(mysql_num_rows($result_sub)>
          0) { echo " < tdwidth = '20' > < imgsrc = 'tree_expand.gif'border = '0' > < / td > "; echo " < tdclass = 'Menu'onClick = 'javascript:ShowMenu(Menu".$GLOBALS["ID"].");' > "; } else { echo " < tdwidth = '20' > < imgsrc = 'tree_collapse.gif'border = '0' > < / td > "; echo " < tdclass = 'Menu' > "; } //如果该菜单项目没有子菜单，并指定了超级连接地址，则指定为超级连接， //否则只显示菜单名称 if($menu[url]!="")
              echo " < ahref = '$menu[url]' > $menu[name] < / a > "; else echo $menu[name]; echo " < / td > < / tr > "; //如果该菜单项目有子菜单，则显示子菜单 if(mysql_num_rows($result_sub)>0) { //指定该子菜单的ID和style，以便和onClick语句相对应
            echo " < trid = Menu".$GLOBALS["ID "]++ . ">";
  echo "<td width='20'></td>";
  echo "<td>";
  //将级数加1
  $layer++;
  //递归调用ShowTreeMenu()函数，生成子菜单 
  ShowTreeMenu($Con,$result_sub,$layer);
  //子菜单处理完成，返回到递归的上一层，将级数减1
  $layer--;
  echo "< / td > < / tr > ";
  }
  //继续显示下一个菜单项目
  } echo " < / table > "; }
  ?>
      <&#63;php
      $id=1 ;
      function test() {
      global $id; unset($id);
      }
      test();
      echo " < fontclass = menu > ".($id). " < / font > ";
      // 在 PHP 4 中这里会打印出 1
      ?>
      <&#63;php
      $a=1 ;
      $b=2 ;
      function Sum() {
      global $a, $b; $b=$ a + $b;
      }
      Sum();
      echo " < fontclass = menu > ".$b. " < / font > ";
      ?>
  </body>
</html>

登入後複製

更多關於PHP相關內容有興趣的讀者可查看本站專題：《php物件導向程式設計入門教學》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教學》及《php常見資料庫操作技巧總表》

希望本文所述對大家PHP程式設計有所幫助。

以上就介紹了PHP+JS三級選單連動選單實作方法，包含了方面的內容，希望對PHP教學有興趣的朋友有幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7814

Java教學

1646

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1238

Related knowledge

華為GT3 Pro和GT4的差異是什麼？ Dec 29, 2023 pm 02:27 PM

許多用戶在選擇智慧型手錶的時候都會選擇的華為的品牌，其中華為GT3pro和GT4都是非常熱門的選擇，不少用戶都很好奇華為GT3pro和GT4有什麼區別，下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4：46mm和41mm，材質是玻璃鏡板+不鏽鋼機身+高分纖維後殼。 GT3pro：46.6mm和42.9mm，材質是藍寶石玻璃鏡+鈦金屬機身/陶瓷機身+陶瓷後殼二、健康GT4：採用最新的華為Truseen5.5+演算法，結果會更加的精準。 GT3pro：多了ECG心電圖和血管及安

修復：截圖工具在 Windows 11 中不起作用 Aug 24, 2023 am 09:48 AM

為什麼截圖工具在Windows11上不起作用了解問題的根本原因有助於找到正確的解決方案。以下是截圖工具可能無法正常工作的主要原因：對焦助手已開啟：這可以防止截圖工具開啟。應用程式損壞：如果截圖工具在啟動時崩潰，則可能已損壞。過時的圖形驅動程式：不相容的驅動程式可能會幹擾截圖工具。來自其他應用程式的干擾：其他正在運行的應用程式可能與截圖工具衝突。憑證已過期：升級過程中的錯誤可能會導致此issu簡單的解決方案這些適合大多數用戶，不需要任何特殊的技術知識。 1.更新視窗與Microsoft應用程式商店應用程

五個精選的Go語言開源項目，帶你探索科技世界 Jan 30, 2024 am 09:08 AM

在現今科技快速發展的時代，程式語言也如雨後春筍般湧現。其中一門備受矚目的語言就是Go語言，它以其簡潔、高效、並發安全等特性受到了許多開發者的喜愛。 Go語言以其強大的生態系統而著稱，其中有許多優秀的開源專案。本文將介紹五個精選的Go語言開源項目，帶領讀者一起探索Go語言開源專案的世界。 KubernetesKubernetes是一個開源的容器編排引擎，用於自

Laravel開發：如何使用Laravel Echo和Pusher實現WebSockets通訊？ Jun 13, 2023 pm 05:01 PM

Laravel是一個流行的PHP框架，具有高度可擴展性和高效性，它提供了許多強大的工具和程式庫，讓開發者可以快速建立高品質的網路應用程式。其中，LaravelEcho和Pusher是兩個非常重要的工具，透過它們可以輕鬆實現WebSockets通信，本文將詳細介紹如何在Laravel應用程式中使用這兩個工具。什麼是WebSockets？ WebSockets

Go語言開發必備：5個熱門框架推薦 Mar 24, 2024 pm 01:15 PM

《Go語言開發必備：5個熱門框架推薦》Go語言作為一門快速、高效的程式語言，受到越來越多開發者的青睞。為了提高開發效率，優化程式碼結構，許多開發者選擇使用框架來快速建立應用。在Go語言的世界中，有許多優秀的框架可供選擇。本文將介紹5個熱門的Go語言框架，並提供具體的程式碼範例，幫助讀者更好地理解和使用這些框架。 1.GinGin是一個輕量級的Web框架，擁有快速

PHP中echo關鍵字的作用與使用方法詳解 Jun 28, 2023 pm 08:12 PM

PHP中echo關鍵字的作用和使用方法詳解PHP是一種廣泛使用的伺服器端腳本語言，它在網頁開發中被廣泛應用。而echo關鍵字是在PHP中用來輸出內容的一種方法。本文將詳細介紹echo關鍵字的作用與使用方法。作用：echo關鍵字的主要作用是將內容輸出到瀏覽器。在網頁開發中，我們需要將資料動態地呈現到前端頁面上，這時就可以使用echo關鍵字將資料輸出到頁面上。 e

市面上最流行的golang框架有哪些？ Jun 01, 2024 pm 08:05 PM

目前最受歡迎的Go框架有：Gin：輕量級、高效能的Web框架，簡潔易用。 Echo：快速、高度可自訂的網路框架，提供高效能路由和中介軟體。 GorillaMux：快速、靈活的多工器，提供進階路由設定選項。 Fiber：效能最佳化的高效能Web框架，處理高並發請求。 Martini：物件導向設計的模組化網路框架，提供豐富的功能集。

如何修復無法連線到iPhone上的App Store錯誤 Jul 29, 2023 am 08:22 AM

第1部分：初始故障排除步驟檢查蘋果的系統狀態：在深入研究複雜的解決方案之前，讓我們先從基礎知識開始。問題可能不在於您的設備;蘋果的伺服器可能會關閉。造訪Apple的系統狀態頁面，查看AppStore是否正常運作。如果有問題，您所能做的就是等待Apple修復它。檢查您的網路連接：確保您擁有穩定的網路連接，因為「無法連接到AppStore」問題有時可歸因於連接不良。嘗試在Wi-Fi和行動數據之間切換或重置網路設定（「常規」>「重置」>「重置網路設定」>設定）。更新您的iOS版本：

See all articles

PHP+JS三級選單連動選單實作方法

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題