9款jQuery帶縮圖焦點圖外掛賞析

2014-02-03    分類:WEB開發、首頁精華0人評論發表於2014-02-03

jQuery焦點圖在網頁應用中十分廣泛,今天要分享的9款jQuery焦點圖的特點是帶有縮圖,點選縮圖即可切換圖片。部分jQuery縮圖焦點圖利用了CSS3技術,讓焦點圖特效非常絢麗。讓我們一起來看看這9款jQuery帶縮圖焦點圖外掛吧。

1、仿蘋果樣式的jQuery圖片滑塊焦點圖

這是一款基於jQuery的焦點圖外掛,該jQuery焦點圖樣式是仿蘋果的,外觀非常炫酷,圖片切換十分流暢,並且有縮圖按鈕。

線上演示        |        原始碼下載

2、jQuery帶縮圖與標題切換焦點圖

這款jQuery焦點圖擁有縮圖,而且在切換到大圖片時圖片還有描述,非常酷的jQuery焦點圖。

線上演示        |        原始碼下載

3、jQuery寬屏帶縮略導航焦點圖

這款焦點圖有兩個特點,第一就是寬屏,夠大氣。第二就是帶有縮圖導航,方便瀏覽大圖片。

線上演示        |        原始碼下載

4、jQuery圖片切換多種過渡效果

這是一款非常絢麗的jQuery圖片切換播放外掛,圖片切換時,擁有幾種不同的過渡效果,而且這幾種過渡效果是隨機出現的。整個jQuery圖片播放外掛外觀也十分大氣,圖片播放效果流暢。

線上演示        |        原始碼下載

5、帶TAB移動箭頭的jQuery焦點圖

這是一款基於jQuery的Tab焦點圖,焦點圖下方有縮圖,滑鼠滑過縮圖時有Tab箭頭滑動動畫,是一款滑動比較流暢的jQuery焦點圖。

線上演示        |        原始碼下載

6、360Shop帶縮圖的輪播焦點圖

這是一款來自360Shop的jQuery焦點圖,這款焦點圖的特點是在圖片切換的按鈕上顯示原圖片的縮圖,非常實用。

線上演示        |        原始碼下載

7、帶縮圖jQuery焦點圖

這款jQuery焦點圖的特點是具有縮圖,並且縮圖滑過後會向上凸起,切換方式以淡入淡出為主,還不錯的jQuery焦點圖。

線上演示        |        原始碼下載

8、帶數字索引的jquery焦點圖

這是一款來自易迅網的產品展示焦點圖,該jQuery焦點圖在右側有豎向數字索引,滑鼠滑過數字索引即可切換圖片。

線上演示        |        原始碼下載

9、jQuery圖片點選切換外掛jCarousel

jCarousel是一款基於jQuery的圖片播放外掛,點選縮圖即可播放圖片,可以放任意張縮圖。

線上演示        |        原始碼下載

以上9款jQuery帶縮圖焦點圖外掛就分享到這裡了,由碼農網首發,轉載請註明原文地址:http://www.codeceo.com/article/11-jquery-thumbnail-image-play.html

相關文章