快捷導(dǎo)航

web前端設(shè)計(jì)師們常用的jQuery特效插件匯總

更新時(shí)間：2014年12月07日 16:35:40 投稿：hebedich

這篇文章主要匯總了web前端設(shè)計(jì)師們常用的jQuery特效插件,需要的朋友可以參考下

1.jQuery鼠標(biāo)懸停文字漸隱漸現(xiàn)動(dòng)畫(huà)效果

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

在線(xiàn)演示

源碼下載

2.jquery基于small2big實(shí)現(xiàn)的圖片突出顯示特效

這是一款基于Jquery的small2big插件實(shí)現(xiàn)的圖片突出顯示特效源碼，鼠標(biāo)滑過(guò)圖片可實(shí)現(xiàn)圖片的放大突出顯示效果，有三款顯示效果供大家選擇。

在線(xiàn)演示

源碼下載

3.DIV+CSS實(shí)現(xiàn)的天貓知名商家店鋪導(dǎo)航匯總頁(yè)面效果

DIV+CSS實(shí)現(xiàn)的天貓知名商家導(dǎo)航頁(yè)面效果源碼，是一段匯總了天貓所有知名商家店鋪網(wǎng)址和名稱(chēng)的代碼，并且為各商家分類(lèi)顯示，還具有有效的搜索功能，及真實(shí)的店鋪網(wǎng)址。

在線(xiàn)演示

源碼下載

4.jquery+css實(shí)現(xiàn)的ul+li模仿下拉框表單美化效果

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

在線(xiàn)演示

源碼下載

5.基于HTML5實(shí)現(xiàn)的支持控制播放調(diào)整音量的環(huán)形音樂(lè)播放器

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

在線(xiàn)演示

源碼下載

6.純CSS3實(shí)現(xiàn)的鼠標(biāo)懸停圖片文字動(dòng)畫(huà)效果

純CSS3實(shí)現(xiàn)的鼠標(biāo)懸停圖片文字動(dòng)畫(huà)效果源碼是使用css3來(lái)實(shí)現(xiàn)的，加載速度更快，內(nèi)存占用更低，使用更加簡(jiǎn)便。

在線(xiàn)演示

源碼下載

7.基于jQuery實(shí)現(xiàn)的彩色標(biāo)簽圖片選項(xiàng)卡切換效果

基于jQuery實(shí)現(xiàn)的彩色標(biāo)簽圖片選項(xiàng)卡切換效果代碼，加載速度更快，內(nèi)存占用更低，使用更加簡(jiǎn)便。

在線(xiàn)演示

源碼下載

8.jquery實(shí)現(xiàn)的點(diǎn)擊小圖原位置放大圖片效果源碼

jquery實(shí)現(xiàn)的點(diǎn)擊小圖原位置放大圖片效果源碼，是一段可以實(shí)現(xiàn)點(diǎn)擊小圖，在原始位置出現(xiàn)大圖片的代碼，就像是新浪微博一樣，點(diǎn)擊小圖就會(huì)在原來(lái)的位置把圖片放大，缺點(diǎn)就是必須要加上動(dòng)作，最好就是要么自動(dòng)在指定id內(nèi)的圖片自動(dòng)加上放大代碼，要么就自動(dòng)讓他能放大。

在線(xiàn)演示

源碼下載

9.js實(shí)現(xiàn)的鼠標(biāo)滾動(dòng)控制圖片在原始位置等比例縮放

js實(shí)現(xiàn)的鼠標(biāo)滾動(dòng)控制圖片在原始位置等比例縮放特效源碼，是一段可以實(shí)現(xiàn)以鼠標(biāo)為中心滾動(dòng)鼠標(biāo)軸等比例放大或縮小圖片的代碼。

在線(xiàn)演示

源碼下載

10.js實(shí)現(xiàn)的點(diǎn)擊gif封面后加載gif動(dòng)態(tài)圖片的js特效

js實(shí)現(xiàn)的點(diǎn)擊gif封面后加載gif動(dòng)態(tài)圖片的js特效源碼，是一段實(shí)現(xiàn)了點(diǎn)擊gif封面后才加載gif格式動(dòng)態(tài)圖片內(nèi)容的代碼，此類(lèi)代碼適應(yīng)于所有網(wǎng)站。