2021-05-13

关于zTree插件，点击文字时展开字节的方法

加粗文本 加粗文本
很简单，源代码贴上
首先自行下载ztree插件

<link rel="stylesheet" type="text/css" href="../zTree/zTree_v3/css/zTreeStyle/zTreeStyle.css">
<script src="../ztree/zTree_v3/js/jquery-1.4.4.min.js"></script>
<script src="../zTree/zTree_v3/js/jquery.ztree.all.js"></script>
<script src="../zTree/zTree_v3/js/jquery.ztree.core.js"></script>
<script src="../zTree/zTree_v3/js/jquery.ztree.excheck .js"></script>
<style>
    .mainbody-left {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 52px;
        width: 230px;
        height: 100%;
        background: gray;
        z-index: 99;
        overflow: auto;
    }
    .ztree {
        padding: 0;
    }
    .ztree * {
        font-size: 14px;
        font-family: "microsoft yahei";
    }
    .ztree li a {
        display: block;
        padding: 4px 18px;
        color: #fff;
    }
    .ztree li a:hover {
        background: #484848;
        border: 1px #484848 solid;
        text-decoration: none;
    }
    .ztree span, .ztree li ul.line {
        background: none;
    }
    .ztree li a.curSelectedNode {
        padding-top: 4px;
        background-color: #000;
        color: black;
        border: 1px #000 solid;
        opacity: 0.8;
    }
    .ztree li ul {
        margin: 0;
        padding: 0 0 0 18px;
    }
    .ztree > li > a {
        padding-left: 36px;
    }
    .ztree > li > ul > li > a {
        padding-left: 54px;
    }
    .ztree > li > ul > li > ul > li > a {
        padding-left: 72px;
    }
    .ztree > li > ul > li > ul > li > ul > li > a {
        padding-left: 90px;
    }
    .ztree li a span.ico_open, .ztree li a span.ico_close, .ztree li a span.ico_docu {
        background: none;
    }
    .ztree li a span.ico_open::after {
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-left: 4px solid #808080;
        content: "";
        margin: 0;
        cursor: pointer;
        display: inline-block;
        position: relative;
        left: 0px;
        top: 6px;
        transform: rotate(90deg);
    }
    .ztree li a span.ico_close::after {
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-left: 4px solid #808080;
        content: "";
        margin: 0;
        cursor: pointer;
        display: inline-block;
        position: relative;
        left: 2px;
        top: 4px;
        transform: rotate(0deg);
    }
    .switch {
        display: none !important;
    }
</style>

只需修改以下部分