![[jQ]左搖右晃式的欄位檢驗提示](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2009/11/form_verify_shake.gif&w=150&h=120&zc=1)
當我們在申請一些網站的會員時,都有些必填的欄位要輸入一些符合規則的值,如果沒填或是填錯的話,該欄位旁邊可能會有紅色星號或是其它醒目的提示訊息。
記得筆者曾經寫過一篇「用 JavaScript 來做偽浮水印」,那時是用 JavaScript 來寫的,得經過計算才能把版權宣告的圖片放在右下角。現在筆者把整個效果用 jQuery 來改寫,並把原本要計算的版權宣告圖片位置換成 background-position 的方式來控制,這樣想放那就只要設定一下就好了。
筆者有介紹過一個 Background-Position Animation Plugin,它讓 jQuery.animate 能支援原本所不支援的 background-position 屬性。所以我們就能使用它來做到更多有趣的動畫效果,像這次要教的翻選式選單也是玩玩 background-position 屬性的。