Jquery的部分插件
阿新 • • 發佈：2017-08-30
加速 幻燈片 是否 lex lora 銷量 框架 rate 自定義
jQuery Waypoints：jQuery滾動監聽插件
easyPieChart：輕量級的圖表插件
Isotope：jQuery智能布局插件
jQuery imagesLoaded：jQuery圖片加載插件
jQuery Countdown：精確到毫秒的jquery倒計時插件
jQuery Counterup：jQuery數字動態累加jQuery
jqBootstrapValidation：用於Bootstrap表單的JQuery驗證框架
jQuery Revolution Slider：強大的視差響應幻燈插件
1. jQuery Easing：jQuery 動畫效果擴展
jQuery API提供了簡單的動畫效果如淡入淡出以及自定義動畫效果，
jQuery Easing是一款比較老的jQuery插件，在很多網站都有應用，尤其是在一些頁面滾動、幻燈片切換等場景應用比較多。它非常小巧，且有多種動畫方案供選擇，使用簡單，而且免費。
2. jQuery Migrate：jQuery 應用遷移輔助插件
jQuery 版本之間有區別。比如1.9版本對於 live()，die()，toggle()，sub()，$.browser 等等都已經不支持了。 在不改變你網站代碼的同時，要使用
3. Modernizr：專為HTML5和CSS3開發的功能檢測類庫
Modernizr（moderniz.js）是一個開源的JS庫，它使得那些基於訪客瀏覽器的不同（指對新標準支持性的差異）而開發不同級別體驗的設計師的工作變得更為簡單。它使得設計師可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發，同時又不會犧牲其他不支持這些新技術的瀏覽器的控制。
當你在網頁中嵌入Modernizr的腳本時，它會檢測當前瀏覽器是否支持CSS3的特性，比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同時也會檢測是否支持HTML5的特性——比如audio、video、本地儲存、和新的 標簽的類型和屬性等。在獲取到這些信息的基礎上，你可以在那些支持這些功能的瀏覽器上使用它們，來決定是否創建一個基於JS的fallback，或者對那些不支持的瀏覽器進行簡單的優雅降級。另外，Modernizr還可以令IE支持對HTML5的元素應用CSS樣式，這樣開發者就可以立即使用這些更富有語義化的標簽了。
4. jQuery Flexslider：響應式 jQuery 內容滾動插件
Flexslider（jquery.flexslider.js）是一款輕量的響應式基於jQuery的內容滾動插件。Flexslider能夠幫助你在項目輕松的創建漂亮的內容滾動效果。這款插件曾經連續多年入選 WDL 的年度最佳 jQuery 插件，值得大家在網站開發中試試。它能讓你輕松的創建內容滾動的效果，具有非常高的可定制性。開發者可以使用Flexslider輕松創建各種圖片輪播效果、焦點圖效果、圖文混排滾動效果。
5. WOW：在頁面滾動時展現動感的元素動畫效果
在一些網頁上，當你滾動頁面的時候會看到各式各樣的元素動畫效果，非常動感。WOW.js 就是一款幫助你實現這種 CSS 動畫效果的插件，很容易定制，你可以改變動畫設置喜歡的風格、延遲、長度、偏移和叠代等。
Wow.js 允許用戶滾動頁面的時候展示 CSS 動畫。默認的，用戶可以使用它來出發 animate.css 動畫。但是用戶也可以非常容易修改設置喜歡的動畫庫。Wow.js 比其他 JavaScript 視差插件小，類似 Scrollorama（這個非常華麗，但是也更繁雜）。Wow.js 非常容易安裝和使用。如果你使用 Wow.js，你可以非常快的啟動，執行代碼。
6. Sticky：讓某個元素一直浮動在頁面某個位置
Sticky（sticky.js）一個jQuery插件，使你能夠做任何元素在您的網頁上總是可見的。jQuery Sticky可以讓任意元素固定在頁面的某個且保持可見。可以作為頂部固定導航顯示插件，滾動網頁下來，保持處理滾動元件在視圖中，並不會因為頁面滾動而消失，也不會被其他元素覆蓋。
7. Bootstrap Hover Dropdown：Bootstrap鼠標懸停自動下拉
Bootstrap Hover Dropdown（bootstrap-hover-dropdown.js）插件，用於鼠標懸停時使dropdown元素下拉，增強用戶體驗
8. jQuery Stellar：基於jQuery的視差滾動插件
jQuery Stellar（ Stellar.js）能幫助輕松的實現網頁視差滾動效果,提供任何滾動元素的視差滾動效應。只需給標簽添加data屬性，然後運行$.stellar()就可以實現酷炫的視差滾動了
9. Owl Carousel：強大實用的jQuery幻燈片插件
Owl Carousel（ owl.carousel.js）是一個強大、實用但小巧的 jQuery 幻燈片插件，它具有以下特點：兼容所有瀏覽器、支持響應式、支持 CSS3 過度、支持觸摸事件、支持 JSON 及自定義 JSON 格式、支持進度條、支持自定義事件、支持延遲加載、支持自適應高度等
10. YTPlayer：基於jQuery的YouTube視頻播放插件
YTPlayer（jquery.mb.YTPlayer.js）是一款基於jQuery的YouTube視頻播放插件 這個插件能在讓你在你的網站播放你喜歡的YouTube視頻，或把你的YouTube視頻做為你網站的HTML背景。不過這個插件在天朝似乎意義不大。
11. jQuery Waypoints：jQuery滾動監聽插件
jQuery Waypoints（Waypoints.js）是一款用於捕獲各種滾動事件的插件。 使用Waypoints.js可以在用戶滾動滑條的時候，就能觸發各種各樣的動態效果。比如圖片浮現、文字漂移等各種各樣的動畫等。同時Waypoints還支持固定元素和無限滾動的功能，功力十分強大。
插件介紹：一個元素滾動監聽插件 Waypoints
12. easyPieChart：輕量級的圖表插件
jQuery East Pie Chart（easypiechart.js）是一個輕量級的jQuery插件，主要用來渲染和制作漂亮的餅圖及動畫效果，基於與HTML5的canvas元素。您可以通過一組這些選項的初始化函數來設置一個自定義的行為。這個插件支持支持canvas元素所有主流瀏覽器。 隨著excanvas你甚至可以呈現在IE 7 +8的圖表
13. Isotope：jQuery智能布局插件
Isotope（jquery.isotope.js）是一款優秀的jquery自適應插件，支持大多數瀏覽器，需要jquery 1.4.3及其以上版本。你可以用它來創建動態和智能布局。你可以隱藏和顯示與過濾項目，重新排序和整理甚至更多。同時Isotope還有許多很酷的動畫。
14. jQuery imagesLoaded：jQuery圖片加載插件
imagesLoaded（jquery.imagesloaded.js）插件是在圖片加載成功後才做一系列操作,檢測圖像是否已經加載，在圖片加載成功後才做一系列操作。
插件介紹：圖片延時加載插件 imagesLoaded
15. jQuery Countdown：精確到毫秒的jQuery倒計時插件
jQuery Countdown（jquery.countdown）是一款免費的jQuery倒計時插件，使用非常簡單，直接下載源文件拷貝裏面的代碼到你需要使用的頁面，然後自定義倒計時的開始時間即可，支持需要IE8+瀏覽器。
插件介紹：jQuery 倒計時插件 jQuery.countdown
16. jQuery Counterup：jQuery數字動態累加jQuery
jQuery Counterup（jquery.counterup.js）一個jQuery數字顯示插件，用於數字從低到高動態累加，可以在一定時間內將數字動態的由0顯示到指定的值。
插件介紹：數字累加插件 CounterUp
17. jqBootstrapValidation：用於Bootstrap表單的jQuery驗證框架
jqBootstrapValidation（jqBootstrapValidation.js）是一個用於Bootstrap表單的JQuery驗證框架。驗證直接用data-方式進行代碼編寫，不需要編寫JS格式，支持郵箱驗證、數字型最大最小值驗證、長度驗證、正則表達式驗證、異步驗證、以及組合式驗證、提交出錯成功時回調顯示。
18. jQuery Revolution Slider：強大的視差響應幻燈插件
jQuery Revolution Slider（jquery.themepunch.revolution.js）是一個具有視差功能的幻燈片插件，此插件是wordpress上目前為至最強大的幻燈片插件，具有自適應功能、可創建全寬幻燈片、具有視差效果，所有幻燈片擁有的功能他全部擁有。
Slider Revolution是codecanyon上銷量第一的wordpress幻燈插件，themeforest中wordpress主題使用率最高的幻燈插件。文章縮略圖、圖片切換、動畫效果、3d效果…只有你想不到，沒有它做不到，Slider Revolution幻燈插件的強大只有你使用過後才能知道。這也是themeforest眾多主題作者把它作為主題內置插件的原因。
jQuery Easing：jQuery 動畫效果擴展
jQuery Migrate：jQuery 應用遷移輔助插件
Modernizr：專為HTML5和CSS3開發的功能檢測類庫
jQuery Flexslider：響應式 jQuery 內容滾動插件
WOW：在頁面滾動時展現動感的元素動畫效果
Sticky：讓某個元素一直浮動在頁面某個位置
Bootstrap Hover Dropdown：Bootstrap鼠標懸停自動下拉
jQuery Stellar：基於jQuery的視差滾動插件
Owl Carousel：強大實用的jQuery幻燈片插件
YTPlayer：基於jQuery的YouTube視頻播放插件
jQuery Waypoints：jQuery滾動監聽插件
easyPieChart：輕量級的圖表插件
Isotope：jQuery智能布局插件
jQuery imagesLoaded：jQuery圖片加載插件
jQuery Countdown：精確到毫秒的jquery倒計時插件
jQuery Counterup：jQuery數字動態累加jQuery
jqBootstrapValidation：用於Bootstrap表單的JQuery驗證框架
jQuery Revolution Slider：強大的視差響應幻燈插件
1. jQuery Easing：jQuery 動畫效果擴展
jQuery API提供了簡單的動畫效果如淡入淡出以及自定義動畫效果，
jQuery Easing是一款比較老的jQuery插件，在很多網站都有應用，尤其是在一些頁面滾動、幻燈片切換等場景應用比較多。它非常小巧，且有多種動畫方案供選擇，使用簡單，而且免費。
2. jQuery Migrate：jQuery 應用遷移輔助插件
jQuery 版本之間有區別。比如1.9版本對於 live()，die()，toggle()，sub()，$.browser 等等都已經不支持了。 在不改變你網站代碼的同時，要使用
3. Modernizr：專為HTML5和CSS3開發的功能檢測類庫
Modernizr（moderniz.js）是一個開源的JS庫，它使得那些基於訪客瀏覽器的不同（指對新標準支持性的差異）而開發不同級別體驗的設計師的工作變得更為簡單。它使得設計師可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發，同時又不會犧牲其他不支持這些新技術的瀏覽器的控制。
當你在網頁中嵌入Modernizr的腳本時，它會檢測當前瀏覽器是否支持CSS3的特性，比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同時也會檢測是否支持HTML5的特性——比如audio、video、本地儲存、和新的 標簽的類型和屬性等。在獲取到這些信息的基礎上，你可以在那些支持這些功能的瀏覽器上使用它們，來決定是否創建一個基於JS的fallback，或者對那些不支持的瀏覽器進行簡單的優雅降級。另外，Modernizr還可以令IE支持對HTML5的元素應用CSS樣式，這樣開發者就可以立即使用這些更富有語義化的標簽了。
4. jQuery Flexslider：響應式 jQuery 內容滾動插件
Flexslider（jquery.flexslider.js）是一款輕量的響應式基於jQuery的內容滾動插件。Flexslider能夠幫助你在項目輕松的創建漂亮的內容滾動效果。這款插件曾經連續多年入選 WDL 的年度最佳 jQuery 插件，值得大家在網站開發中試試。它能讓你輕松的創建內容滾動的效果，具有非常高的可定制性。開發者可以使用Flexslider輕松創建各種圖片輪播效果、焦點圖效果、圖文混排滾動效果。
5. WOW：在頁面滾動時展現動感的元素動畫效果
在一些網頁上，當你滾動頁面的時候會看到各式各樣的元素動畫效果，非常動感。WOW.js 就是一款幫助你實現這種 CSS 動畫效果的插件，很容易定制，你可以改變動畫設置喜歡的風格、延遲、長度、偏移和叠代等。
Wow.js 允許用戶滾動頁面的時候展示 CSS 動畫。默認的，用戶可以使用它來出發 animate.css 動畫。但是用戶也可以非常容易修改設置喜歡的動畫庫。Wow.js 比其他 JavaScript 視差插件小，類似 Scrollorama（這個非常華麗，但是也更繁雜）。Wow.js 非常容易安裝和使用。如果你使用 Wow.js，你可以非常快的啟動，執行代碼。
6. Sticky：讓某個元素一直浮動在頁面某個位置
Sticky（sticky.js）一個jQuery插件，使你能夠做任何元素在您的網頁上總是可見的。jQuery Sticky可以讓任意元素固定在頁面的某個且保持可見。可以作為頂部固定導航顯示插件，滾動網頁下來，保持處理滾動元件在視圖中，並不會因為頁面滾動而消失，也不會被其他元素覆蓋。
7. Bootstrap Hover Dropdown：Bootstrap鼠標懸停自動下拉
Bootstrap Hover Dropdown（bootstrap-hover-dropdown.js）插件，用於鼠標懸停時使dropdown元素下拉，增強用戶體驗
8. jQuery Stellar：基於jQuery的視差滾動插件
jQuery Stellar（ Stellar.js）能幫助輕松的實現網頁視差滾動效果,提供任何滾動元素的視差滾動效應。只需給標簽添加data屬性，然後運行$.stellar()就可以實現酷炫的視差滾動了
9. Owl Carousel：強大實用的jQuery幻燈片插件
Owl Carousel（ owl.carousel.js）是一個強大、實用但小巧的 jQuery 幻燈片插件，它具有以下特點：兼容所有瀏覽器、支持響應式、支持 CSS3 過度、支持觸摸事件、支持 JSON 及自定義 JSON 格式、支持進度條、支持自定義事件、支持延遲加載、支持自適應高度等
10. YTPlayer：基於jQuery的YouTube視頻播放插件
YTPlayer（jquery.mb.YTPlayer.js）是一款基於jQuery的YouTube視頻播放插件 這個插件能在讓你在你的網站播放你喜歡的YouTube視頻，或把你的YouTube視頻做為你網站的HTML背景。不過這個插件在天朝似乎意義不大。
11. jQuery Waypoints：jQuery滾動監聽插件
jQuery Waypoints（Waypoints.js）是一款用於捕獲各種滾動事件的插件。 使用Waypoints.js可以在用戶滾動滑條的時候，就能觸發各種各樣的動態效果。比如圖片浮現、文字漂移等各種各樣的動畫等。同時Waypoints還支持固定元素和無限滾動的功能，功力十分強大。
插件介紹：一個元素滾動監聽插件 Waypoints
12. easyPieChart：輕量級的圖表插件
jQuery East Pie Chart（easypiechart.js）是一個輕量級的jQuery插件，主要用來渲染和制作漂亮的餅圖及動畫效果，基於與HTML5的canvas元素。您可以通過一組這些選項的初始化函數來設置一個自定義的行為。這個插件支持支持canvas元素所有主流瀏覽器。 隨著excanvas你甚至可以呈現在IE 7 +8的圖表
13. Isotope：jQuery智能布局插件
Isotope（jquery.isotope.js）是一款優秀的jquery自適應插件，支持大多數瀏覽器，需要jquery 1.4.3及其以上版本。你可以用它來創建動態和智能布局。你可以隱藏和顯示與過濾項目，重新排序和整理甚至更多。同時Isotope還有許多很酷的動畫。
14. jQuery imagesLoaded：jQuery圖片加載插件
imagesLoaded（jquery.imagesloaded.js）插件是在圖片加載成功後才做一系列操作,檢測圖像是否已經加載，在圖片加載成功後才做一系列操作。
插件介紹：圖片延時加載插件 imagesLoaded
15. jQuery Countdown：精確到毫秒的jQuery倒計時插件
jQuery Countdown（jquery.countdown）是一款免費的jQuery倒計時插件，使用非常簡單，直接下載源文件拷貝裏面的代碼到你需要使用的頁面，然後自定義倒計時的開始時間即可，支持需要IE8+瀏覽器。
插件介紹：jQuery 倒計時插件 jQuery.countdown
16. jQuery Counterup：jQuery數字動態累加jQuery
jQuery Counterup（jquery.counterup.js）一個jQuery數字顯示插件，用於數字從低到高動態累加，可以在一定時間內將數字動態的由0顯示到指定的值。
插件介紹：數字累加插件 CounterUp
17. jqBootstrapValidation：用於Bootstrap表單的jQuery驗證框架
jqBootstrapValidation（jqBootstrapValidation.js）是一個用於Bootstrap表單的JQuery驗證框架。驗證直接用data-方式進行代碼編寫，不需要編寫JS格式，支持郵箱驗證、數字型最大最小值驗證、長度驗證、正則表達式驗證、異步驗證、以及組合式驗證、提交出錯成功時回調顯示。
18. jQuery Revolution Slider：強大的視差響應幻燈插件
jQuery Revolution Slider（jquery.themepunch.revolution.js）是一個具有視差功能的幻燈片插件，此插件是wordpress上目前為至最強大的幻燈片插件，具有自適應功能、可創建全寬幻燈片、具有視差效果，所有幻燈片擁有的功能他全部擁有。
Slider Revolution是codecanyon上銷量第一的wordpress幻燈插件，themeforest中wordpress主題使用率最高的幻燈插件。文章縮略圖、圖片切換、動畫效果、3d效果…只有你想不到，沒有它做不到，Slider Revolution幻燈插件的強大只有你使用過後才能知道。這也是themeforest眾多主題作者把它作為主題內置插件的原因。
Jquery的部分插件