无限循环菜单列表的实现

最新推荐文章于 2022-10-06 21:55:06 发布

scenewood

最新推荐文章于 2022-10-06 21:55:06 发布

阅读量1.9k

点赞数

分类专栏： PHP thinkPHP 文章标签： PHP html5 jquery thinkphp mysql

本文链接：https://blog.csdn.net/scenewood/article/details/49022509

版权

PHP 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

thinkPHP

8 篇文章 0 订阅

订阅专栏

在这里我是用TP框架写得，当然不用TP写，改一下代码就可以了，自己可以加css样式

在控制器里写

public function index(){
        //初始化数据模型
        $Menu = M('Menu');
        $data = $Menu->select();
        $list = $this->menus($data,0);

        //渲染模板
        $this->assign('list',$list);
        $this->display();
    }

public function menus($data=array(),$pid=0){
        $str = '';
        foreach($data as $k=>$v){
            //$str .= $v['name'];
            if($pid == $v['pid']){
                $str .= '<li class="menu">';
                $str .= '<a href="###" class="parent">'.$v['name'].'</a>';
                $str .= '<ul>'.$this->menus($data,$v['id']).'</ul>';
                $str .= '</li>';
            }
        }
        return $str;
    }

html输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="__JS__/jquery.js"></script>
    <style>
        a{text-decoration: none;color:#000000;}
        .menu ul{ display:none}
    </style>
    <script type="text/javascript">
        $(function(){
            $('.parent').click(function(){
                $(this).parent('li').children('ul').stop().slideToggle('linear');
            });
        });
    </script>
</head>
<body>
<h1>无限循环可折叠菜单</h1>

<ul>
{$list}
</ul>

</body>
</html>

scenewood

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无限循环菜单列表的实现

在这里我是用TP框架写得，当然不用TP写，改一下代码就可以了，自己可以加css样式在控制器里写public function index(){ //初始化数据模型 $Menu = M('Menu'); $data = $Menu->select(); $list = $this->menus($data,0
复制链接

扫一扫

专栏目录