1.jQuery鼠標懸停文字漸隱漸現動畫效果

這是一款基于JQuery實現的鼠標懸停文字漸隱漸現動畫效果源碼，是一款鼠標懸停后圖片漸漸有一層透明遮罩層，同時說明文字從左側滑入，鼠標離開后文字從右側滑出，整體效果美觀自然，用戶體驗較好。是一款比較優(yōu)秀的特效源碼。該源碼兼容目前最新的各類主流瀏覽器。

在線演示

源碼下載

2.jquery基于small2big實現的圖片突出顯示特效

這是一款基于Jquery的small2big插件實現的圖片突出顯示特效源碼，鼠標滑過圖片可實現圖片的放大突出顯示效果，有三款顯示效果供大家選擇。

在線演示

源碼下載

3.DIV+CSS實現的天貓知名商家店鋪導航匯總頁面效果

DIV+CSS實現的天貓知名商家導航頁面效果源碼，是一段匯總了天貓所有知名商家店鋪網址和名稱的代碼，并且為各商家分類顯示，還具有有效的搜索功能，及真實的店鋪網址。

在線演示

源碼下載

4.jquery+css實現的ul+li模仿下拉框表單美化效果

jquery+css實現的ul+li模仿下拉框表單美化效果源碼，是一款利用DIV+CSS及jquery實現的下拉框表單美化特效源碼。

在線演示

源碼下載

5.基于HTML5實現的支持控制播放調整音量的環(huán)形音樂播放器

今天我要分享一款外觀更酷的HTML5音樂播放器，該播放器是環(huán)形的，背景圖片非常漂亮，可以控制播放、調整音量等播放器常用的功能。

在線演示

源碼下載

6.純CSS3實現的鼠標懸停圖片文字動畫效果

純CSS3實現的鼠標懸停圖片文字動畫效果源碼是使用css3來實現的，加載速度更快，內存占用更低，使用更加簡便。

在線演示

源碼下載

7.基于jQuery實現的彩色標簽圖片選項卡切換效果

基于jQuery實現的彩色標簽圖片選項卡切換效果代碼，加載速度更快，內存占用更低，使用更加簡便。

在線演示

源碼下載

8.jquery實現的點擊小圖原位置放大圖片效果源碼

jquery實現的點擊小圖原位置放大圖片效果源碼，是一段可以實現點擊小圖，在原始位置出現大圖片的代碼，就像是新浪微博一樣，點擊小圖就會在原來的位置把圖片放大，缺點就是必須要加上動作，最好就是要么自動在指定id內的圖片自動加上放大代碼，要么就自動讓他能放大。

在線演示

源碼下載

9.js實現的鼠標滾動控制圖片在原始位置等比例縮放

js實現的鼠標滾動控制圖片在原始位置等比例縮放特效源碼，是一段可以實現以鼠標為中心滾動鼠標軸等比例放大或縮小圖片的代碼。

在線演示

源碼下載

10.js實現的點擊gif封面后加載gif動態(tài)圖片的js特效

js實現的點擊gif封面后加載gif動態(tài)圖片的js特效源碼，是一段實現了點擊gif封面后才加載gif格式動態(tài)圖片內容的代碼，此類代碼適應于所有網站。

在線演示

源碼下載

以上就是小編整理的身為前端設計師們必須要掌握的10個jQuery特效，都是非常常用的效果。