這次我們要來分享一款非常絢麗的jQuery焦點圖外掛,同時這款焦點圖也利用了HTML5和CSS3的相關特性,使圖片切換效果更加豐富多彩。另外,這款jQuery焦點圖外掛的特點是全屏的效果,因此看上去也非常的大氣和整體。
2、jQuery滑鼠滑動切換焦點圖
這又是一款jQuery焦點圖外掛,和其他焦點圖的功能類似,它也可以自定義圖片的數量,點選切換按鈕進行圖片切換。另外,這個jQuery焦點圖的一大特點是支援滑鼠滑動切換圖片,因此如果將它應用在移動裝置上,也可以支援觸屏滑動切換。
3、jQuery帶爆炸特效的焦點圖動畫
這次要帶來的也是一款jQuery焦點圖外掛,它的特點是當圖片切換時,圖片會發生爆炸的動畫特效,非常有創意,也是一款很不錯的jQuery焦點圖應用。
4、jQuery可自動播放動畫的焦點圖外掛
今天我們要分享一款可以自動播放動畫的jQuery焦點圖外掛,它在切換圖片的時候可以播放對應圖片的各種動畫效果。
5、帶縮圖水平切換的jQuery焦點圖外掛
今天我們要來分享一款非常實用的jQuery焦點圖外掛,這款jQuery焦點圖的特點是每一張圖片都有一個縮圖,並且在滑鼠滑過縮圖時圖片將會懸浮起來;另外一點就是焦點圖右側有圖片的文字描述,這些文字資訊可以自定義;最後就是圖片左右切換動畫雖然比較簡單,但是非常流暢。
6、jQuery圖片左右滑動焦點圖外掛
這又是一款基於jQuery的焦點圖外掛,特點是可以多張圖片左右滑動切換,可以點選切換按鈕進行圖片滑動,同時也支援圖片自動切換。另外,這款jQuery焦點圖是寬屏的,看上去十分大氣,很適合產品圖片的展示。
7、jQuery全屏廣告圖片焦點圖
今天我們要介紹的這款jQuery全屏廣告圖片焦點圖外掛也非常不錯,圖片切換時有淡出淡出的動畫效果,並且也相當流暢。
8、jQuery寬屏時間軸焦點圖外掛
這是一款非常炫酷的jQuery焦點圖外掛,這款jQuery焦點圖的特點是有一個時間軸,點選切換按鈕時,時間軸會逐漸移動,時間軸上的圖片也會逐漸切換。另外,在圖片上方也可以放置自定義樣式的文字。
9、支援滑鼠拖拽滑動的jQuery焦點圖
今天我們要分享另外一款jQuery焦點圖外掛,它的特點是支援滑鼠拖拽滑動,所以在移動裝置上使用更加方便,你只要用手指滑動螢幕即可切換圖片。
以上就是9個精巧絢麗的jQuery圖片滑塊動畫,歡迎分享收藏。
原文:http://www.html5tricks.com/9-jquery-image-slider.html
來自:PHP100
評論(1)