分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

2012-6-21 更新:版本更新為 v1.2

如何在 Web 網頁內也可以使用像 Windows 應用程式內階層選單,將網頁內的功能進行歸類,方便使用者呢?方法很多,若是透過 ASP.net 可使用裡面的控制項元件,也可以使用 jQuery、JavaScript ,也可以使用 DHTML ...等,若是不想這麼麻煩,可以試試這套 Pure CSS Menu Maker 免費軟體,來產生純 CSS 樣式的下拉式選單。
【Pure CSS Menu Maker 軟體檔案】
軟體版本:1.2
軟體語言:英文
軟體性質:免費
檔案大小:246 KB
系統支援:Windows XP/Vista/7
官方網站http://cssmenu.com/
軟體下載按我下載
所產生的 CSS, 支援瀏覽器有IE 8(IE 8+) Firefox Chrome Safari Opera Konqueror Netscape Camino
如何使用Pure CSS Menu Maker?

1.下載解壓縮後,進行安裝,完成後,開啟「Pure CSS Menu Maker」主程式,若要開始建立下拉式選單,可點擊[File] >[New Project]接著選擇要製作水平或垂直階層選單,並選擇一個要儲存檔案的資料夾,最後,點擊[Okay]。
ContentPhoto473

2.接下來,可以透過左分割欄來建立選單階層。
ContentPhoto473

3.建立的同時,可在中間分隔欄完善每個選單的應填項目,同時,在右邊的分隔覽也能同步預覽選單,編輯好選單,點擊[Generate Menu]就可產生 HTML 及 CSS 檔案。
ContentPhoto473

ContentPhoto473

4.所產生的 HTML 可使用記事本打開來看。
ContentPhoto473

5.可參考原始程式碼的擺放位置,就能順利地將剛剛所產生的下拉式選單放到自己的網頁裡。
ContentPhoto473

6.以上實例。
ContentPhoto473
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
延伸閱讀
目前有1則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容