標籤彙整：jQuery 選單

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

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

還記得上一篇的「CSS 彈起式頁籤選單」嗎？現在我們要把純 CSS 做出來的選單再加上更進階的動畫效果！因此，現在要教各位如何使用 jQuery 來把彈跳式頁籤選單進行加強。

常見的 Accordion 選單都是直向為主，這次筆者要教各位寫一個變形的橫向 Accordion 式選單，讓我們的選單硬是跟其它人不一樣。

筆者有介紹過一個 Background-Position Animation Plugin，它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果，像這次要教的翻選式選單也是玩玩 background-position 屬性的。