自從jQuery問(wèn)世以后，網(wǎng)頁(yè)上就流行很多漂亮的圖片效果，像淡入淡出或者焦點(diǎn)圖等，但是，現(xiàn)在jQuery結(jié)合CSS3，我們可以打造更美觀(guān)更實(shí)用的圖片特效。下面分享8款簡(jiǎn)單而又大氣的jQuery/CSS3圖片特效。

1、jQuery仿搜狗輸入法首頁(yè)焦點(diǎn)圖

這是一款基于jQuery的焦點(diǎn)圖插件，該焦點(diǎn)圖是模仿搜狗輸入法首頁(yè)的圖片展示模塊，圖片切換流暢，配置也十分簡(jiǎn)單。

在線(xiàn)演示 ? / ?源碼下載

2、臉譜網(wǎng)換換jquery焦點(diǎn)圖

這是一款基于jQuery的圖片播放插件，其模仿的是臉譜網(wǎng)換換的頁(yè)面焦點(diǎn)圖。

在線(xiàn)演示 ? / ?源碼下載

3、jQuery圖片熱點(diǎn)幻燈片播放

這款jQuery圖片熱點(diǎn)工具可以選取大圖片中的幾個(gè)特寫(xiě)鏡頭，對(duì)其進(jìn)行局部放大或者詳細(xì)的文字描述，讓人對(duì)圖片的各個(gè)細(xì)節(jié)有著充分的了解。

在線(xiàn)演示 ? / ?源碼下載

4、jQuery仿騰訊游戲上古世紀(jì)焦點(diǎn)圖

這是一款用jQuery實(shí)現(xiàn)的游戲焦點(diǎn)圖，效果挺棒的，適合游戲網(wǎng)站播放推廣圖片用。

在線(xiàn)演示 ? / ?源碼下載

5、jQuery帶滑動(dòng)桿的水平圖片播放組件

jQuery帶滑動(dòng)桿的水平圖片播放組件是一款點(diǎn)擊圖片放大縮小圖片左右滾動(dòng)，并且該組件還有一個(gè)特色，即增加一個(gè)水平滑動(dòng)桿，可以快速瀏覽圖片。

在線(xiàn)演示 ? / ?源碼下載

6、帶滑桿的水平圖片播放器jcoverflip

帶滑桿的水平圖片播放器jcoverflip，jcoverflip是一款流暢的圖片播放插件，其特色是帶有水平滑動(dòng)桿來(lái)控制當(dāng)前的圖片。

在線(xiàn)演示 ? / ?源碼下載

7、jQuery寬屏帶縮略導(dǎo)航焦點(diǎn)圖

這款焦點(diǎn)圖有兩個(gè)特點(diǎn)，第一就是寬屏，夠大氣。第二就是帶有縮略圖導(dǎo)航，方便瀏覽大圖片。

在線(xiàn)演示 ? / ?源碼下載

8、jQuery立體全屏相冊(cè)

這是一款超具立體感的jQuery立體全屏精美相冊(cè)插件。

在線(xiàn)演示 ? / ?源碼下載

以上就是8款不錯(cuò)的jQuery/CSS3圖片特效，部分示例由網(wǎng)頁(yè)素材大全網(wǎng)站提供，轉(zhuǎn)載出處http://blog.csdn.net/html5_dev/article/details/8932619。

總結(jié)

以上是生活随笔為你收集整理的分享8款简单大气的jQuery/CSS3图片特效的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。