<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } body { font-size: 10px; color: #333; font-family: "Microsoft Yahei"; } ul, li { list-style-type: none; } #treeView { width: 100%; margin: 20px auto 0; border: 1px solid #f2f2f2; } .treeNode { height: 32px; border: 1px solid #fff; border-width: 1px 0; cursor: pointer; font-size: 0; } .treeNode:hover { background: #f4f9fd; border-color: #e5f0fb; } /*.treeNode-cur,*/ /*.treeNode-cur:hover {*/ /*background: #e5f0fb;*/ /*border-color: #BBD4EF #fff;*/ /*}*/ .icon { display: inline-block; background: url(/images/icon.png) no-repeat; vertical-align: middle; } .icon-minus { width: 15px; height: 15px; margin: 0 4px; background-position: -30px -22px; } .icon-add { width: 15px; height: 15px; margin: 0 4px; background-position: -30px 0; } .icon-file { width: 22px; height: 18px; margin-right: 5px; background-position: 0 -22px; } .title { position: relative; top: 6px; font-size: 10px; } .treeNode-empty .icon-minus { background-position: -999px -999px; } .treeNode-empty .icon-add { background-position: -999px -999px; } #treeView ul.none { display: none; } </style> </head> <body> <div id="treeView"></div> <script> data = JSON.parse('<?= $items ?>'); </script> <!--<script src='/js/tree/js/data.js'></script>--> <script src='/js/tree/js/tools.js'></script> <script src='/js/tree/js/handledata.js'></script> <script src='/js/tree/js/index.js'></script> </body> </html>