2013-02-23 88 views
0

我在我的網站上有三個級別。目前,導航約爲:圖網站導航Javascript

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個節點),但是我找不到任何解決方案不夠好

+0

4^3?你的意思是64? – 2013-02-23 22:56:27

+0

是的,例如,每個節點有4個孩子,第三個級別是4^3 – rodi 2013-02-23 23:00:41

回答

0

我想這可以通過css3類似於下拉菜單來完成。我找不到有針對性的圖的任何css3實現,但我在JavaScript中找到了以下庫。

  • D3:D3.js是一個用於處理基於數據的文檔的JavaScript庫。 D3可幫助您使用HTML,SVG和CSS將數據帶入生活。 D3強調網絡標準,爲您提供現代瀏覽器的全部功能,無需將自己綁定到專有框架,將強大的可視化組件和數據驅動的方法結合到DOM操作中。
  • Processing.js:Processing.js是流行的可視化編程語言的姊妹項目,專爲網絡設計。 Processing.js使您的數據可視化,數字藝術,交互式動畫,教育圖表,視頻遊戲等可以使用Web標準進行工作,而無需任何插件。您使用Processing語言編寫代碼,將其包含在您的網頁中,然後由Processing.js完成。這不是魔術,但幾乎。