当前位置：首页 > PHP教程 > php应用 > 列表

php+mysql+js实现树形菜单代码

发布:smiling　来源: PHP粉丝网 　添加日期：2013-12-11 13:45:24　浏览: 评论：0　
  1. //这是一款由php+mysql数据库的读取数据库的内容再生成树型号菜单由js来控制 
  2. */ 
  3. ?> 
  4. <html> 
  5. <head> 
  6. <meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
  7. <title>类别目录树</title> 
  8. <script type="text/网页特效"> 
  9. function showmenu(menuid) 
  10. { 
  11. if(menuid.style.display=="none"){ 
  12. menuid.style.display=""; 
  13. } 
  14. else{ 
  15. menuid.style.display="none"; 
  16. } 
  17. } 
  18. </script> 
  19. <style> 
  20. body{margin:0px;} 
  21. table tr td{font-size:12px} 
  22. </style> 
  23. </head> 
  24. <body> 
  25. <?php 
  26. $globals["id"] =1; //用来跟踪下拉菜单的id号 
  27. $layer=1; //用来跟踪当前菜单的级数 
  28. //连接数据库 
  29. $con=mysql_connect("localhost","root","123456"); 
  30. mysql_select_db("demo"); 
  31. //提取一级菜单 
  32. $sql="select * from think_news where `f_id`=0"; 
  33. $result=mysql_query($sql,$con); 
  34. //如果一级菜单存在则开始菜单的显示 
  35. if(mysql_num_rows($result)>0) showtreemenu($con,$result,$id); 
  36. function showtreemenu($con,$result,$layer) 
  37. { 
  38. //取得需要显示的菜单的项目数 
  39. $numrows=mysql_num_rows($result); 
  40. //开始显示菜单，每个子菜单都用一个表格来表示 
  41.   echo "<table cellpadding='0' cellspacing='0' border='0' width='100%'>"; 
  42.  for($rows=0;$rows<$numrows;$rows++) 
  43.  { 
  44.    //将当前菜单项目的内容导入数组 
  45.     $menu=mysql_fetch_array($result); 
  46.    //提取菜单项目的子菜单记录集 
  47.    $sql="select * from think_news where f_id=$menu[id]"; 
  48.    $result_sub=mysql_query($sql,$con); 
  49.    echo "<tr>"; 
  50.    //如果该菜单项目有子菜单，则添加javascript onclick语句 
  51.    if(mysql_num_rows($result_sub)>0) 
  52.    { 
  53.          echo "<td width='20' valign= 'top' ><span onclick='showmenu(menu".$globals['id'].")' ><img src='menu_minus.gif' border='0'  align='absmiddle'></span></td>"; 
  54.          echo "<td class='menu' >"; 
  55.    } 
  56.    else 
  57.    { 
  58.          echo "<td width='20'><img src='menu_plus.gif' border='0' align='absmiddle' > </td>"; 
  59.          echo "<td class='menu'>"; 
  60.    } 
  61.    //如果该菜单项目没有子菜单，只显示菜单名称 
  62.    echo $menu["title"]; 
  63.    echo "</td></tr>"; 
  64.    //如果该菜单项目有子菜单，则显示子菜单 
  65.    if(mysql_num_rows($result_sub)>0) 
  66.    { 
  67.        //指定该子菜单的id和style，以便和onclick语句相对应 
  68.        echo "<tr id=menu".$globals["id"]++." style='display:none'>"; 
  69.        echo "<td width='20'> </td>"; 
  70.        echo "<td>"; 
  71.        //将级数加1 
  72.        $layer++; 
  73.        //递归调用showtreemenu()函数，生成子菜单 
  74.        showtreemenu($con,$result_sub,$layer); 
  75.        //子菜单处理完成，返回到递归的上一层 
  76.        echo "</td></tr>"; 
  77.    } 
  78.    //子菜单处理完成，返回到递归的上一层，将级数减1 
  79.    $layer--; 
  80.   } 
  81.   echo "</table>"; 
  82. } 

Tags: php+mysql+js 实现 树形

分享到：

相关文章

推荐文章

热门文章

最新评论文章