首頁電腦軟體開發工具

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

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

如何在 Web 網頁內也可以使用像 Windows 應用程式內階層選單，將網頁內的功能進行歸類，方便使用者呢？方法很多，若是透過 ASP.net 可使用裡面的控制項元件，也可以使用 jQuery、JavaScript ，也可以使用 DHTML ...等，若是不想這麼麻煩，可以試試這套 Pure CSS Menu Maker 免費軟體，來產生純 CSS 樣式的下拉式選單。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用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 樣式表，做出網頁的下拉階層選單