ztree学习三，导航栏加链接

最新推荐文章于 2024-07-30 09:51:13 发布

weixin_34256074

最新推荐文章于 2024-07-30 09:51:13 发布

阅读量152

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/iioschina/blog/730511

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="./css/demo.css" type="text/css">
    <link rel="stylesheet" href="./css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="./js/jquery.ztree.core.js"></script>
    <title>test ztree 3 learning</title>
</head>

<body>
    <h1>ztree test 3</h1>
    <div class="content_wrap">
    <div class="zTreeDemoBackground left">
       <div id="tree1" class="ztree"></div>

    </div>
    <div class="right">
    <ul class="info">1.xxxxxx
    <li class="title">1.xxxxxx</li>
    <li class="list">cccc
        <li>aaaa</li>
        <li>bbbb</li>
     </li>
    </ul>
    <ul class="info">2.xxxxxx
    <li class="title">2.xxxxxx</li>
    <li class="list">dddd
        <li >cccc</li>
        <li>dddd</li>
     </li>
    </ul>

</div>

    </div>
    <script type="text/javascript">
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    var zNodes = [{
        id: 1,
        pId: 0,
        name: "baidu",
        url: "http://www.baidu.com",
        target: "_blank"
    }, {
        id: 2,
        pId: 0,
        name: "sina",
        url: "http://www.sina.com",
        target: "_blank"
    }, {
        id: 3,
        pId: 0,
        name: "qq",
        url: "http://www.qq.com",
        target: "_blank"
    }];
    $(function() {
        $.fn.zTree.init($("#tree1"), setting, zNodes);
    });
    </script>
</body>