源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

PHP+JS无限级可伸缩菜单详解(简单易懂)

  • 时间:2020-02-29 22:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:PHP+JS无限级可伸缩菜单详解(简单易懂)
发了几天基础的东西,今天来点稍微难的,一般在CMS系统后台中都要用到的类别管理部分的精华--无限级分类菜单,对于新手来说,这个可能有一定难度,但是今天听完我细细道来,相信以后大家就都会弄这东东了。怎么实现呢?大家先做个数据库出来先: --  -- 表的结构 `cr_columninfo` -- 
[url=style.css]</head>  <body topmargin="0" bgcolor="#EFEFE7">  <table width="100%" height="25" border="0" cellpadding="0" cellspacing="0" bgcolor="#739E18">    <tr>      <td align="left"> <strong>栏目树形结构列表</strong></td>    </tr>  </table>  <?php       //基本变量设置        $GLOBALS["ID"] =1; //用来跟踪下拉菜单的ID号        $layer=1; //用来跟踪当前菜单的级数        //连接数据库        $Con=mysql_connect("localhost","root","7529639");        mysql_select_db("cr_download");        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='./images/plus.png' border='0' > </td>";             echo "<td class='Menu' >";           }           else{             echo "<td width='20'><img src='./images/page.png' 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>
最后贴上效果图和源代码打包,希望本文对大家有所帮助^_^ [img]http://www.1sucai.cn/images/download.gif[/img] 下载此文件[/url] 
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部