10款響應式 jQuery實現圖片效果外掛程式

標籤：des   blog   http   io   ar   使用   sp   java   for   

1.基於jQuery實現的匯圖網大屏焦點圖效果

匯圖網大屏jQuery焦點圖代碼，可設定切換模式，如淡入淡出切換，左右滾動切換，上下滾動切換，可設定是否自動輪播，可設定滑鼠划過是否停止播放等。

線上示範

源碼下載

2.HTML5基於SVG實現的過山車動畫特效

今天我們要分享一款很酷的HTML5/SVG動畫，這款HTML5動畫是過山車效果，主要是利用了SVG的path動畫來實現的，整體動畫效果流暢自然，效果非常酷。

線上示範

源碼下載

3.jQuery實現蘋果官網頁面上下滾動全屏效果

這是一款基於jQuery實現的仿蘋果官網頁面上下滾動全屏效果源碼，滑鼠滑動頁面上下翻頁即可看到網站頁面的全屏滑動效果，畫面過度自然，效果流暢。整體效果非常大氣華麗！是jQuery單頁/全屏滾動外掛程式onepage-scroll的一個經典應用執行個體。

線上示範

源碼下載

4.基於jQuery實現的分類選擇座椅產品展示效果

jQuery分類選擇座椅產品展示代碼是一款點擊可展示查看座椅的各個部位特效代碼。

線上示範

源碼下載

5.基於jQuery實現的數字搖獎老虎效果

jQuery數字搖獎老虎效果，介面很漂亮，數字全是圖片構成，搖獎的數字是隨即產生，能直接顯示在頁面上面。

線上示範

源碼下載

6.jquery模仿flash實現的flash動態效果banner廣告

jquery模仿flash實現的flash動態效果banner廣告源碼，是一段可以實現逐漸跳出的圖片代碼，此段代碼非常適合廣告宣傳使用。

線上示範

源碼下載

7.Swipebox：用於觸屏裝置的精美 jQuery Lightbox 外掛程式

Swipebox 是一款可觸摸的 jQuery 燈箱效果外掛程式，可用於案頭，移動和平板電腦。它行動裝置支援滑動手勢導航，案頭電腦上可以用鍵盤導航，不支援 CSS3 過渡特性的瀏覽器使用 jQuery 降級處理，支援視網膜顯示，能夠通過 CSS 輕鬆定製。

線上示範

源碼下載

8.CSS 3D Transforms 實現書本效果

這個使用 CSS 3D Transforms 實現創意書本效果的來自 Codrops 網站。你可以看到兩種類型的書設計：精裝書和平裝書。這兩個效果都可以很容易地使用 CSS 修改。趕緊體驗一下吧。

線上示範

源碼下載

9.不用圖片和JS也可建立絢麗的動態CSS3菜單

該教程，我們將討論CSS3的一些新功能和新特性，並教你在不使用圖片和JavaScript的情況下，如何製作酷炫的圓形導覽功能表。該執行個體將用到CSS3的新特性： border-radius和animation。

線上示範

源碼下載

10.S Gallery – 很有特色的響應式 jQuery 相簿外掛程式

S Gallery 是一款響應式的 jQuery 相簿外掛程式。使用了 HTML5 全屏 API 以及 CSS3 動畫 和 CSS3 轉換，所以只能在支援這些功能的瀏覽器中使用。這款外掛程式它有一個特色功能：退出投影片模式回到網格視圖模式，最後一張活躍的圖片會以動畫形式回到網格視圖中的初始位置，因此使用者知道他們瀏覽到畫廊中的哪張圖片上。

線上示範

源碼下載

>> 本文固定連結: http://www.i7758.com/archives/885.html

10款響應式 jQuery實現圖片效果外掛程式