一位老司機總結的Jq插件

 

 

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.easing.js）是一款jQuery動畫效果擴展加強插件，使用該插件能夠實現直線勻速運功、變加速運動、緩衝等豐富的動畫效果。

jQuery Easing是一款比較老的jQuery插件，在不少網站都有應用，尤爲是在一些頁面滾動、幻燈片切換等場景應用比較多。它很是小巧，且有多種動畫方案供選擇，使用簡單，並且免費。


2. jQuery Migrate：jQuery 應用遷移輔助插件
jQuery 版本之間有區別。好比1.9版本對於 live()，die()，toggle()，sub()，$.browser 等等都已經不支持了。 在不改變你網站代碼的同時，要使用 1.9 以後的版本，你須要使用 jQuery migrate（jquery-migrate）進行轉移、過分。


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衆多主題做者把它做爲主題內置插件的緣由。