html制作一个树状结构图怎么制作?

html-css016

html制作一个树状结构图怎么制作?,第1张

html 的语法内没有树状结构的标签(TAG), 必须要用 Java Script 来实现, 网上查 tree javascript 可以查到很多, 不过自己多少要懂一点 Java Script, 因为网上下载的很多功能不足, 或是有 bug, 必需要自行修改

用以下代码结构 模拟树形:

<ul>

<li>

<ul>

<li></li>

<li></li>

</ul>

</li>

<li></li>

</ul>

只是静态展示效果的话,HTML里的ul标签搭配一些CSS代码就能实现,如果想实现动态交互,例如点击展开、折叠文件夹的话,需要使用JS,当然,有专门的插件可以实现,例如:zTree,官网:http://www.treejs.cn