PHP+JS无限级可伸缩菜单详解（递归方法）

omygege

浏览: 1350272 次

最近访客更多访客>>

morelily

u012363178

sunbin

Serena_cc7

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1730)

社区版块

存档分类

2011-12 ( 17)
2011-11 ( 57)
2011-10 ( 144)
更多存档...

PHP+JS无限级可伸缩菜单详解（递归方法）

一般在CMS系统后台中都要用到的类别管理部分的精华－－无限级分类菜单，对于新手来说，这个可能有一定难度，但是今天听完我细细道来，相信以后大家就都会弄这东东了。怎么实现呢？大家先做个数据库出来先：

-- 表的结构 `cr_columninfo`

CREATE TABLE `cr_columninfo` (

`columnid` int(4) NOT NULL auto_increment,

`columnfatherid` int(4) NOT NULL default '0',

`columnname` varchar(100) NOT NULL default '',

`columnadder` varchar(50) NOT NULL default '',

`columninputdate` date NOT NULL default '0000-00-00',

PRIMARY KEY  (`columnid`)

) ENGINE=MyISAM AUTO_INCREMENT=15 DEFAULT CHARSET=utf8 AUTO_INCREMENT=15 ;

-- 导出表中的数据 `cr_columninfo`

INSERT INTO `cr_columninfo` (`columnid`, `columnfatherid`, `columnname`, `columnadder`, `columninputdate`) VALUES (1, 0, '影音明星', 'leehui', '2006-09-28'),

(2, 0, '校园风情', 'leehui1983', '2006-09-28'),

(3, 1, '港台明星', 'leehui', '2006-09-28'),

(4, 0, '风景图片', 'leehui1983', '2006-09-29'),

(5, 4, '浩瀚大海', 'leehui1983', '2006-09-29'),

(6, 5, '福州的海', 'leehui1983', '2006-09-29'),

(7, 2, '毕业图片', 'leehui', '2006-09-29'),

(9, 0, '体育明星', 'leehui1983', '2006-10-02'),

(10, 0, '精美壁纸', 'leehui1983', '2006-10-02'),

(11, 0, '城市风光', 'leehui1983', '2006-10-02'),

(12, 0, '卡通动漫', 'leehui1983', '2006-10-02'),

(13, 0, '游戏截图', 'leehui1983', '2006-10-02'),

(14, 0, '作者相册', 'leehui1983', '2006-10-02');

<head>

<title>类别目录树</title>

function ShowMenu(MenuID)

{

if(MenuID.style.display=="none"){

MenuID.style.display="";

}

else{

MenuID.style.display="none";

}

</script>

</head>

<tr>

<td align="left"> <strong>栏目树形结构列表</strong></td>

</tr>

</table>

<?php

//基本变量设置

$GLOBALS["ID"] =1; //用来跟踪下拉菜单的ID号

$layer=1; //用来跟踪当前菜单的级数

//连接数据库

$Con=mysql_connect("localhost","root","fkedwgwy");

mysql_select_db("tree");

mysql_query("SET NAMES 'gbk'");

//提取一级菜单

$sql="select * from cr_columninfo where columnfatherid=0";

$result=mysql_query($sql,$Con);

//如果一级菜单存在则开始菜单的显示

if(mysql_num_rows($result)>0) ShowTreeMenu($Con,$result,$ID);

//=============================================

//显示树型菜单函数 ShowTreeMenu($con,$result,$layer)

//$con：数据库连接

//$result：需要显示的菜单记录集

//$layer：需要显示的菜单的级数

//=============================================

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 cr_columninfo where columnfatherid=$menu[columnid]";

$result_sub=mysql_query($sql,$Con);

echo "<tr>";

//如果该菜单项目有子菜单，则添加JavaScript onClick语句

if(mysql_num_rows($result_sub)>0)

{

echo "<td width='20'><img src='plus.JPG' border='0' onClick='javascript:ShowMenu(Menu".$GLOBALS["ID"].");'> </td>";

echo "<td class='Menu' onClick='javascript:ShowMenu(Menu".$GLOBALS["ID"].");'>";

}

else{

echo "<td width='20'><img src='plus.JPG' border='0'> </td>";

echo "<td class='Menu'>";

}

//如果该菜单项目没有子菜单，只显示菜单名称

echo $menu[columnname];

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>";

}

</body>

</html></pre>

分享到：

php 服务器快速搭建 | 经济学的断想

2008-06-18 13:37
浏览 672
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

PHP+JS无限级可伸缩菜单详解（递归方法）

PHP+JS无限级可伸缩菜单详解（递归方法）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

PHP+JS无限级可伸缩菜单详解（递归方法）

PHP+JS无限级可伸缩菜单详解（递归方法）

评论

发表评论

相关推荐

最近访客更多访客>>