您當前位置：首頁 > php開源 > php教程 > php+mysql+js實現樹形菜單代碼

php+mysql+js實現樹形菜單代碼

來源：程序員人生發布時間：2014-05-17 13:32:07 閱讀次數：4934次

//這是一款由php+mysql數據庫的讀取數據庫的內容再生成樹型號菜單由js來控制
*/
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>類別目錄樹</title>
<script type="text/網頁特效">
function showmenu(menuid)
{
if(menuid.style.display=="none"){
menuid.style.display="";
}
else{
menuid.style.display="none";
}
}
</script>
<style>
body{margin:0px;}
table tr td{font-size:12px}
</style>
</head>
<body>
<?php
$globals["id"] =1; //用來跟蹤下拉菜單的id號
$layer=1; //用來跟蹤當前菜單的級數
//連接數據庫
$con=mysql_connect("localhost","root","123456");
mysql_select_db("demo");
//提取一級菜單
$sql="select * from think_news where `f_id`=0";
$result=mysql_query($sql,$con);
//如果一級菜單存在則開始菜單的顯示
if(mysql_num_rows($result)>0) showtreemenu($con,$result,$id);
function showtreemenu($con,$result,$layer)
{
//取得需要顯示的菜單的項目數
$numrows=mysql_num_rows($result);
//開始顯示菜單，每個子菜單都用一個表格來表示
echo "<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
for($rows=0;$rows<$numrows;$rows++)
{
//將當前菜單項目的內容導入數組
$menu=mysql_fetch_array($result);
//提取菜單項目的子菜單記錄集
$sql="select * from think_news where f_id=$menu[id]";
$result_sub=mysql_query($sql,$con);
echo "<tr>";
//如果該菜單項目有子菜單，則添加javascript onclick語句
if(mysql_num_rows($result_sub)>0)
{
echo "<td width='20' valign= 'top' ><span onclick='showmenu(menu".$globals['id'].")' ><img src='menu_minus.gif' border='0' align='absmiddle'></span></td>";
echo "<td class='menu' >";
}
else
{
echo "<td width='20'><img src='menu_plus.gif' border='0' align='absmiddle' > </td>";
echo "<td class='menu'>";
}
//如果該菜單項目沒有子菜單，只顯示菜單名稱
echo $menu["title"];
echo "</td></tr>";
//如果該菜單項目有子菜單，則顯示子菜單
if(mysql_num_rows($result_sub)>0)
{
//指定該子菜單的id和style，以便和onclick語句相對應
echo "<tr id=menu".$globals["id"]++." style='display:none'>";
echo "<td width='20'> </td>";
echo "<td>";
//將級數加1
$layer++;
//遞歸調用showtreemenu()函數，生成子菜單
showtreemenu($con,$result_sub,$layer);
//子菜單處理完成，返回到遞歸的上一層
echo "</td></tr>";
}
//子菜單處理完成，返回到遞歸的上一層，將級數減1
$layer--;
}
echo "</table>";
}

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 動易提示：必須聲明變量 @enablemultilogin的問題

下一篇 使用SSH更新WordPress的方法

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

php+mysql+js實現樹形菜單代碼