10款華麗最新jQuery焦點圖動畫外掛程式

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

1.jQuery帶對比功能的焦點圖外掛程式

我們在這裡已經分享過很多炫酷的jQuery焦點圖外掛程式，大部分焦點圖外掛程式都比較實用。今天要分享的這款有幾個特點：第一是焦點圖帶有縮圖預覽功能，第二是焦點圖中的圖片帶有和原圖進行對比的功能，並且這款jQuery焦點圖還支援定時圖片切換，非常實用。

線上示範一

線上示範二

源碼下載

2.Devrama Slider - 支援任意 HTML 的內容滑塊

Devrama Slider 是一個圖片滑塊，支援很多特色功能。除了支援圖片滑動，其它的 HTML 內容也支援。主要特色：響應式、圖片預先載入、圖片消極式載入、進度條、自訂導覽列和控制按鈕等等。

線上示範

源碼下載

3.BackgroundCheck – 根據圖片亮度智能切換元素樣式

BackgroundCheck 是一個輕量的 JavaScript 庫，能夠根據元素後面的圖片的亮度自動切換元素樣式。例如在圖片投影片功能中，根據圖片亮度調整導航箭頭的顏色，這樣讓圖片和導航的顏色形成一定的對比，更清晰。類似可以使用的地方還有固定導航，在滾動下拉的時候根據文本背面的圖片自動修改顏色等等。

線上示範

源碼下載

4.jQuery Flat Shadow – 輕鬆實現漂亮的長陰影製作效果

長陰影其實就是擴充了對象的投影，感覺是一種光線照射下的影子，通常採用角度為 45 度的投影，給對象添加了一份立體感。長陰影快速發展為流行的設計趨勢，並經常被應用到扁平設計方案的對象。更詳細的介紹可以閱讀《扁平化設計的最新趨勢 – 長陰影》一文，相信看了之後你會長陰影設計有更深的瞭解。有幾種方法可以輕鬆地建立這種效果，例如之前分享的《協助你在 Photoshop 中輕鬆實現長陰影製作效果的工具》，還有今天要介紹的使用 jQuery 外掛程式實現的方法。

線上示範

源碼下載

5.Codrops 教程：基於 CSS3 的精美模態視窗效果

Codrops 分享了漂亮的模態視窗效果實現方法，希望給前端開發人員提供一些創新顯示對話方塊的啟示。這個方案使用了觸發按鈕（或任何的 HTML 元素），在點擊的時候出現一個模態視窗，帶有簡單的過渡（或動畫）。

線上示範

源碼下載

6.FancySelect – 更好用的 jQuery 下拉選擇框外掛程式

FancySelect 這款外掛程式是 Web 開發中下拉框功能的一個更好的選擇。FancySelect 使用方便，只要綁定頁面上的任何 Select 元素，並調用就 .fancySelect() 就可以了。預設情況下，FancySelect 在行動裝置上使用原生的選擇功能和風格。

線上示範

源碼下載

7.jQuery Wheel Menu：實現漂亮的 Path 風格旋轉菜單

相信很多用過 Path 的都對它的獨特的旋轉導覽功能表有深刻的印象，這個功能也被很多的 Web 開發人員模仿。今天分享的這款外掛程式可以方便的在你的網站中加入和 Path 一樣的旋轉菜單，可以自訂效果。

線上示範

源碼下載

8.Codrops 優秀教程：實現效果精美的多層推拉菜單

Codrops 給我們分享了一個多層菜單的實現教程。他們試圖探索建立一個嵌套的多級菜單，是非常有用的東西，可以有很多的內容，如網上商店的導覽功能表。 這個 Push Menu 效果理論上可以包含無限嵌套的子功能表。

線上示範

源碼下載

9.Pace.js – 超贊的頁面載入進度自動指示和 Ajax 導航效果

在頁面中引入 Pace.js 和您所選擇主題的 CSS 檔案，就可以讓你的頁面擁有漂亮的載入進度和 Ajax 導航效果。不需要掛接到任何代碼，自動檢測進展。您可以選擇顏色和多種效果，有簡約，閃光燈，MAC OSX，左側填充，頂部填充，計數器和彈跳等等。

線上示範

源碼下載

10.MixItUp：超炫！基於 CSS3 & jQuery 的過濾和排序外掛程式

MixItUp 是一款輕量，但功能強大的 jQuery 外掛程式，提供了對分類和有序內容的美麗的動畫過濾和排序功能。特別適合用於作品集網站，畫廊，圖片部落格以及任何的分類或有序內容。它是如何工作的？ MixItUp 根據你的過濾條件決定哪些內容隱藏，顯示或重新置放，然後應用 CSS3 transitions 平滑動畫到新位置。這是一個非常有效方法，藉助了現代瀏覽器的渲染能力，並避免過多的使用 jQuery 進行 DOM 操作。

線上示範

源碼下載

10款華麗最新jQuery焦點圖動畫外掛程式