2009年12月3日 星期四

利用CSS製作下拉式功能表

介紹一個免費的利用CSS製作下拉式功能表工具:PURE CSS Menu Maker。

網址:http://cssmenu.com/

軟體下載:http://cssmenu.com/download/pure-css-menu-maker-setup.zip

解壓縮後安裝,使用按鈕工具,輕鬆製作想要的下拉式結構。

第1個按鈕(Insert Menu Element):建立第一層功能表的元素

第2個按鈕(Add Sub Menu):建立第二層(以下)功能表的元素

第3個按鈕(Delete Menu Element):刪除功能表的元素

第4/5個按鈕(Move Menu Element Up/Down):上移/下移表能表的元素

決定好結構後,分別在每一個功能表元素中,適當加入想要呈現的文字和超連結(不一定每一個元素都要)。視窗右側,可以預覽結果。

按一下[Show in sparate windows]按鈕,則會在另一個視窗中檢視結果,或是按一下[Generate Menu]按鈕,你可以選擇檢視執行結果或是檢視檔案(CSS檔和HTML檔)。以下是在IE中執行的結果:

沒有留言:

張貼留言

好康東東