2010-09-17

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]。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

2.接下來,可以透過左分割欄來建立選單階層。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

3.建立的同時,可在中間分隔欄完善每個選單的應填項目,同時,在右邊的分隔覽也能同步預覽選單,編輯好選單,點擊[Generate Menu]就可產生 HTML 及 CSS 檔案。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

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

4.所產生的 HTML 可使用記事本打開來看。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

5.可參考原始程式碼的擺放位置,就能順利地將剛剛所產生的下拉式選單放到自己的網頁裡。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

6.以上實例。
Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

 分享您的留言


請輸入關鍵字


請選擇...


˄