建站
咨詢
售后
建站咨詢
新聞中心
作為前端開發(fā)者，我們會(huì)碰到很到各種各樣的 jQuery 插件，但老實(shí)說，很少有自己寫的。今天要分享的幾款 jQuery 圖片滑塊插件，也就是 jQuery 焦點(diǎn)圖插件，基本上會(huì)在每個(gè)網(wǎng)站都有應(yīng)用，可以下載看看，也許你可以用到。
1、jQuery 多圖并列焦點(diǎn)圖插件
今天我們要來分享一款比較特別的 jQuery 焦點(diǎn)圖插件，它允許你自己定義當(dāng)前畫面的圖片數(shù)量，在這個(gè)演示中，我們定義了 3 張圖片一起顯示。和其他 jQuery 焦點(diǎn)圖一樣，這款焦點(diǎn)圖插件的圖片下方也有一排小按鈕，可以任意切換圖片。另外，每張圖片也都有文字描述。
在線演示 源碼下載
2、jQuery 動(dòng)畫焦點(diǎn)圖可自動(dòng)播放圖片
這是一款簡(jiǎn)單而實(shí)用的 jQuery 焦點(diǎn)圖插件，焦點(diǎn)圖不僅可以在播放圖片的時(shí)候讓圖片有淡入淡出的動(dòng)畫效果，而且圖片可以自動(dòng)播放。該 jQuery 焦點(diǎn)圖的每一張圖片都可以設(shè)置文字描述，并浮動(dòng)在圖片之上。由于其簡(jiǎn)單的配置，這款 jQuery 焦點(diǎn)圖可以很方便地與你的網(wǎng)站相結(jié)合。
在線演示 源碼下載
3、jQuery 縮略圖動(dòng)態(tài)縮放焦點(diǎn)圖
今天我們要來分享一款 jQuery 焦點(diǎn)圖，這款 jQuery 焦點(diǎn)圖的圖片切換按鈕是幾張圖片的縮略圖，鼠標(biāo)滑過縮略圖即可切換至相應(yīng)的圖片。焦點(diǎn)圖的切換動(dòng)畫是圖片的動(dòng)態(tài)縮放，動(dòng)畫效果還算新穎，圖片切換也比較流暢，是一款值得一試的 jQuery 焦點(diǎn)圖。
在線演示 源碼下載
4、jQuery 全屏滑塊焦點(diǎn)圖可自定義內(nèi)容
之前我們已經(jīng)分享過很多 jQuery 焦點(diǎn)圖插件了，很多焦點(diǎn)圖都非常實(shí)用，可以應(yīng)用到自己的網(wǎng)站上去。這次要分享的也是一款基于 jQuery 的全屏方式滑塊焦點(diǎn)圖插件，滑塊的內(nèi)容可以自定義，可以是幾張圖片的組合，也可以是橫幅廣告。
在線演示 源碼下載
5、jQuery/CSS3 動(dòng)畫相冊(cè)圖片瀏覽插件
之前我們分享過一款基于 jQuery 的仿 QQ 空間相冊(cè)瀏覽插件，功能上已經(jīng)十分完善，但是缺少動(dòng)畫效果。今天這款 jQuery 相冊(cè)插件正好彌補(bǔ)了動(dòng)畫的缺陷，由于 CSS3 特性的利用，當(dāng)我們點(diǎn)擊圖片瀏覽的時(shí)候，縮略圖就會(huì)以淡入淡出的動(dòng)畫效果消失，然后出現(xiàn)原始圖片。同時(shí)你也可以點(diǎn)擊左右按鈕來逐一瀏覽相冊(cè)中的圖片。
在線演示 源碼下載
6、jQuery 縱向滑塊焦點(diǎn)圖插件圖片切換流暢
今天我們要來分享一款效果很酷的 jQuery 焦點(diǎn)圖，它的 Tab 切換方式是縱向的，而且圖片切換的方式也是縱向的，另外整個(gè) jQuery 焦點(diǎn)圖的色彩非常棒，給人一種神秘的感覺。焦點(diǎn)圖的圖片切換還是比較流暢的。
在線演示 源碼下載
7、jQuery/CSS3 立方體翻轉(zhuǎn) 3D 全屏焦點(diǎn)圖
天我們要來分享一款非常大氣的 HTML5/CSS3 3D 全屏焦點(diǎn)圖，在頁(yè)面兩側(cè)，有兩個(gè)很立體的左右箭頭進(jìn)行圖片切換。這款 HTML5焦點(diǎn)圖的圖片切換方式是 3D 效果的，類似立方體翻轉(zhuǎn)一樣，焦點(diǎn)圖默認(rèn)顯示文字，我們已經(jīng)將文字替換成圖片，效果更酷。
在線演示 源碼下載
希望以上 jQuery 圖片滑塊插件能給你帶來幫助，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/jquery-image-slider.html
本文作者：html5tricks – 超人
文章標(biāo)題：前端不容錯(cuò)過的jQuery圖片滑塊插件
文章URL：http://www.5511xx.com/article/dhoccde.html
