免費樹狀選單 treemenu

樹狀選單是做網頁的利器，之前在google上找到了這個免費的樹狀選單，深覺好用、特此分享。

ps.要使用樹狀選單前，建議要有一點網頁製作/html的先備知識哦。(網路或書局、圖書館都有很多相關資料查詢的)

首先至該公司網站下載tree menu相關檔案


click here to download

載下來為一個zip檔，解壓縮後會看到資料夾裡面有很多檔案，只能說該公司真的足甘心，不僅有一般的樹狀選單樣式，還提供了如checkbox選項的樣版檔案，有興趣的人再自己測試了，這邊就介紹一般常見的樹狀選單樣式。

1. 先把一些要用到的檔案搬到另個資料夾(反白部分) (點圖放大)

2.將demoFrameset這個檔案更名為index(如果你要放到網路上使用的話)
3.編輯demoFramesetNodes.js(要將樹狀選單改成自己適用的，就從這裡下手，請點圖放大)

以上這張圖分別列出js語碼以及呈現後的內容，只要按圖修改，將裡面的選單標題改成你要的，就大功告成了；至於如何在樹狀選單中再新增資料夾呢，很簡單，只要在insDoc(aux4, gLnk("R", "主機基本資安設定", "http://www.treeview.net/treemenu/demopics/beenthere_edinburgh.gif"))  這一行下面再新增這兩行

aux5= insFld(foldersTree, gFld("Linux server", "javascript:parent.op()"))
   insDoc(aux5 gLnk("R", "主機基本資安設定", "http://www.treeview.net/treemenu/demopics/beenthere_edinburgh.gif"))

發現了嗎，只要修改aux後面的數字即可新增一樹狀選單資料夾，如果要再新增其它資料夾的話就一直重複以上的動作，並記得將aux後面的數字+1即可。