怎么在PHP中使用JavaScript编写一个三级菜单联动功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
具体如下:
<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> <?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 "]++ . " style='display:none'>"; echo "<td width='20'></td>"; echo "<td>"; //将级数加1 $layer++; //递归调用ShowTreeMenu()函数,生成子菜单 ShowTreeMenu($Con,$result_sub,$layer); //子菜单处理完成,返回到递归的上一层,将级数减1 $layer--; echo "< / td > < / tr > "; } //继续显示下一个菜单项目 } echo " < / table > "; } ?> <?php $id=1 ; function test() { global $id; unset($id); } test(); echo " < fontclass = menu > ".($id). " < / font > "; // 在 PHP 4 中这里会打印出 1 ?> <?php $a=1 ; $b=2 ; function Sum() { global $a, $b; $b=$ a + $b; } Sum(); echo " < fontclass = menu > ".$b. " < / font > "; ?> </body> </html>
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。