標籤彙整：Menus

之前筆者有寫過一篇用 jQuery 做選單 – 翻選式選單的範例文章，該篇中除了使用到 jQuery 之外，還額外搭配另一個用來擴充動畫的外掛套件。但其實像這樣簡單的動態效果，只要使用 CSS3 的 transition 就能立即完成原本還要透過程式來達成的效果了。

jBreadCrumb 可以把一般 ul li 元素轉換成網站導覽路徑標示(麵包屑)，同時還會隨著設定而縮小，當然啦~滑鼠移上去時還會有展開的動畫效果呢。

昨天下午有同學問了一個很有趣的選單效果，它的子母選單都是水平式排列，當滑鼠移到母選單時，才會展開子選單。其中最有趣的是子選單的背景顏色會隨著母選單的第一字的顏色而改變，所以筆者就花點時間來實作出來跟大家分享一下。

如果是第一次接觸到 Mac 的使用者，應該會對於其桌面的選單感覺到很新奇及絢麗吧！國外就有網友用 jQuery 來模擬出這樣的效果來。而 IconDock 就是一個這樣的外掛。

前天上課時有同學問到是否有水平雙層子選單的範例，所以筆者就把原有的舊範例稍微整理一下，現在要來跟各位分享這有趣的選單效果囉。