![[jQ]用 jQuery 做選單 – 翻選式選單](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2009/09/jquery-flipping-menu.gif&w=150&h=120&zc=1)
筆者有介紹過一個 Background-Position Animation Plugin,它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果,像這次要教的翻選式選單也是玩玩 background-position 屬性的。
筆者有介紹過一個 Background-Position Animation Plugin,它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果,像這次要教的翻選式選單也是玩玩 background-position 屬性的。
有沒有覺得 HTC 網站上方的 Flash 選單很有趣呢!這次筆者就是要教各位怎樣用 jQuery 做出一個山寨版的 HTC 首頁選單。
有時為了方便讓瀏覽者能一眼就看出內部跟外部連結,因此會在外部連結後面加上一個圖示。但~~如果要我們一一自行加上這樣的圖示是不可能的!!雖然我們在「依連結的檔案類型顯示圖示」有學到如何使用 jQuery 來依連結的副檔名來加上相對應的圖示,不過要用在此次的效果時,整個程式就會變的比較複雜,所以我們要改用另一種方式來達成。
上一次有介紹過「賀聯式選單」的效果,雖然純用 CSS 能完成這樣已經很不錯了,但如果還能加上更進階的動畫效果的話,那應該會更優吧!因此,現在要教各位如果使用 jQuery 來把賀聯式選單進行加強。