图形网站导航Javascript

Question

我的网站上有三个级别。目前，导航是关于：

First : 1  : 90: (link)
             95: 281: (link)
                 139: (link)
        2  : (link)
        3  : 12: 124: (link)
        4  : (link)

Second: 5  : (link)
Others..

我发现实现我想要的最好的例子是http://arborjs.org/的主页：立即，只有第一级是可见的，然后当你移动鼠标时，弹出下一级。 但它仅在Chrome上具有良好的性能，并且在其他浏览器上无效。

数据量不是很多（最多4 ^ 3个节点），但我找不到足够好的解决方案

Answer 1

我想这可以通过css3类似于下拉菜单来完成。我找不到有向图的任何css3实现，但我确实在JavaScript中找到了以下库。

• D3：D3.js是一个用于根据数据操作文档的JavaScript库。 D3可帮助您使用HTML，SVG和CSS将数据变为现实。 D3对Web标准的强调为您提供了现代浏览器的全部功能，而无需将自己与专有框架联系起来，将强大的可视化组件和数据驱动方法结合到DOM操作中。
• Processing.js：Processing.js是为网络设计的流行的Processing可视化编程语言的姐妹项目。 Processing.js使您的数据可视化，数字艺术，交互式动画，教育图，视频游戏等使用Web标准并且无需任何插件。您使用Processing语言编写代码，将其包含在您的网页中，Processing.js完成剩下的工作。这不是魔术，而是差不多。