html – 可扩展树菜单列表

前端之家收集整理的这篇文章主要介绍了html – 可扩展树菜单列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要实现的是:

我想要有一个树视图列表,将出现在页面的左侧,当一个项目被扩展,它的项目是从一个数据库加载(我可以做这个部分),所以基本上会这样:

+Category1
+Category2
+Category3
+Category4

用户点击时,将显示以下内容,直到数据从DB中获取添加页面

+Category1
-Category2
    loading ...
+Category3
+Category4

加载数据后,每个子类别都将具有子子类别.

+Category1
-Category2
    +Sub-Cat1
    +Sub-Cat2
    +Sub-Cat3
    +Sub-Cat4
+Category3
+Category4

我该如何实现?

注意:我想知道如何放置(*或>或任何其他符号的列表,我相信这是CSS,但我不会使用设计在所有!!)

您的帮助非常感激.

解决方法

您有任何浏览器要求吗?我已经使用了[CSS] Ninja示例,以及selectivizr来支持旧版本的IE.除了[CSS]忍者网站上的内容,没有可访问的示例:

Pure CSS collapsible tree menu

选择者:

selectivizr

该示例旨在将其用于文件导航方案,但是您应该能够相当容易地修改它,以删除文件夹和文件图标,如果你想要的.

原文链接:https://www.f2er.com/html/230498.html

猜你在找的HTML相关文章