[jQ]用 jQuery 做選單 - 翻選式選單
筆者有介紹過一個 Background-Position Animation Plugin,它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果,像這次要教的翻選式選單也是玩玩 background-position 屬性的。
作者:男丁格爾 | 日期:2009-09-19 | 分類:jQuery 應用 | 瀏覽:2,708 | 留言:1
筆者有介紹過一個 Background-Position Animation Plugin,它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果,像這次要教的翻選式選單也是玩玩 background-position 屬性的。
jQuery 的 animate 雖然能直接使用 CSS 的方式來進行動畫,但有些屬性其實是不支援的,例如:background-position。很多效果都能直接透過 background-position 的變化來產生,所以就有人把 animate 進行功能的擴充,讓它能支援 background-position 哩。
記得當初 IE 為了避免不明的控制項自動安裝的爭議,因此會在網頁上方顯示一個黃色的說明列來提醒瀏覽者。現在這樣的 Activebar 效果也常被拿來用在...提醒瀏覽者的瀏覽器太舊要去升級更新,例如還在使用 IE 6 的人!(冏)
筆者曾經提到jQuery.browser.version 在 IE 中版本判斷的 Bug的問題,同時也用改寫檢測的方式來解決問題。而 jQuery Browser Plugin 也是一個擴充 $.browser 的套件,讓 $.browser 不僅能正確的檢測出版號之外,像瀏覽器的引擎也都能幫你找出來。支援的瀏覽器可是多達 10 多種,像 Chrome 也能正確的判斷出來呢!
有沒有覺得 HTC 網站上方的 Flash 選單很有趣呢!這次筆者就是要教各位怎樣用 jQuery 做出一個山寨版的 HTC 首頁選單。
如果想讓使用者在輸入時能即時知道還剩多少字的話,這樣也許能讓使用者有比較好的使用體驗,避免長篇大論後卻無法送出資料。Limit 就是一個這樣的簡單版套件,除了能限制輸入長度之外,也能選擇是否顯示剩餘字數。