2013年優(yōu)秀jQuery插件整理小結(jié)

更新時間：2013年11月10日 10:24:56 作者：

今天為大家推薦的是2013年的第一期，在這期里面十個jQuery插件涵蓋了響應(yīng)式的網(wǎng)格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉(zhuǎn)菜單等等

今天為大家推薦的是2013年的第一期，在這期里面十個jQuery插件涵蓋了響應(yīng)式的網(wǎng)格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉(zhuǎn)菜單等等。這些插件的官網(wǎng)都提供了詳細的API和相關(guān)代碼下載，也提供了一些案例展示，可以說稍懂一點前端的同學(xué)按照他們提供的API就會使用這些插件。

1、Makisu : jQuery CSS 3D Dropdown Menu concept

Makisu是一個jQuery和css3制作3D下拉菜單的插件，目前僅在chrome下能正常運行。

2、jQuery.Shapeshift

一款輕量級的網(wǎng)格系統(tǒng)插件，可以制作濗布流效果，同時具有拖動、Responsive和touch功能。

3、Rainbow

Rainbow是一個讓你代碼高亮顯示的插件。

4、gmaps

gmaps用來制作google地圖的一個插件。

5、jQuery jkit

jQuery jkit是一個依賴于jQuery庫的插件，里面包含了Web常用交互效果。

6、dropzone.js

dropzone.js是一個js腳笨庫，實用文件的拖拽上傳文件，而且還可以預(yù)覽上傳后的文件。

7、Image Picker

Image Picker是一個簡單的jQuery插件,它將一個選擇元素變成一個更加友好的用戶圖形界面。

8、Elevate Zoom

Elevate Zoom是一款圖片放大的jQuery插件。

9、Opentip

Opentip是一款強大的tooltip插件，支持所有現(xiàn)代瀏覽器以及IE7+瀏覽器。

10、Selectik

Selectik是一款自定義表單的select樣式的jQuery插件。

在第一期中向大家推薦了有關(guān)于響應(yīng)式的網(wǎng)格布局插件、圖片放大插件、表單元素中自定義select插件，google 地圖插件、文件拖放上傳插件、tooltip提示插件、3D旋轉(zhuǎn)菜單等十款jQuery插件，今天繼續(xù)第二期的插件推薦，在這一期中主要涵蓋了：回到頁面頂部、文本語音、圖片旋轉(zhuǎn)、圖片預(yù)加載、SVG制作與動畫等十款優(yōu)秀的jQuery插件，希望這些插件能幫大家解決一時之需。

1、scrollUp jQuery plugin

一款制作回到頂部按鈕的jQuery插件。

2、jQuery plugin for Text to Speech

一款文本轉(zhuǎn)語音的jQuery插件。

3、Toolbar.Js

在Web頁面或應(yīng)用程序中快速幫助創(chuàng)建提示工具的一款jQuery插件。

4、Threesixty-slider

圖片360度旋轉(zhuǎn)插件。

5、Anima.js

類似于easings動畫功能的插件。

6、Fathom.js

Fathom Js可以用來制作網(wǎng)頁版本的幻燈片播放效果。

7、Nivo Zoom

一款圖片放大的jQuery插件。

8、ScrollNav.js

一款制作滾動頁面，導(dǎo)航項目隨之變化的jQuery插件。

9、SVG.js

一款操縱和實現(xiàn)SVG動畫的輕量級js庫。

10、IMAGELOADER.JS

一個預(yù)加載圖片的JQUERY插件。

2013年優(yōu)秀jQuery插件已發(fā)布兩期了，今天繼續(xù)給大家推薦三月刊的插件，在第三期中我們同樣向大家介紹十個優(yōu)秀的偛件，今天這十個插件包括：Google Map嵌入到你的站點、固定邊欄菜單、支持css3的transform屬性的插件、文本動畫效果、圖片選擇區(qū)域控制、圖片翻轉(zhuǎn)功能等。希望這些插件能給你平時制作帶來思路，或者能直接運用到您的項目之中。

1、Maplace.JS

Maplace.js幫助你將google地圖嵌入到你的網(wǎng)站，可以在地圖上快速創(chuàng)建標記和控制菜單的位置。他的運行需要jQuery和google maps api v3。

2、Navi.JS

Navi.Js方便你的網(wǎng)站動態(tài)的顯示內(nèi)容。

3、jQuery.transformlist

jQuery.transformlist是一個javascript插件，用來支持css3的動畫轉(zhuǎn)換。

4、textillate.js

一款簡單實現(xiàn)文本動畫效果的jQuery插件。

5、partialjs

免費的web應(yīng)用程序框架,使用JavaScript、HTML和CSS構(gòu)建web站點和web應(yīng)用程序。

6、imgAreaSelect

imgAreaSelect是一個jQuery插件，用來實現(xiàn)選擇圖像的矩形區(qū)域。

7、ddSlick

一個免費的重量輕jQuery插件,它允許您創(chuàng)建一個自定義下拉與圖片和描述。

8、MagicSuggest

自動生成默認標簽。

9、jQuery Knob

向下兼容，可以觸摸的jQuery撥號插件。

10、jQuery.WallFlip

jQuery插件創(chuàng)建一個圖片墻,點擊翻轉(zhuǎn)顯示一些圖像的描述內(nèi)容。

在第四期jQuery插件的分享中，你會發(fā)現(xiàn)與以前的略有不同之處，是的。在今天推薦的十個插件中，我們有好幾個是中國程序員寫的，比如說說zTree寫的樹形結(jié)構(gòu)效果插件，有SimpleTas插件還有茶哥、小生寫的SimpleUI等，而且這回我將正美同學(xué)的Mass Framework（這個可不是jQuery插件）也放上來，希望大家喜歡。當(dāng)然除了這幾個中文插之外，大家還可以看到圖表js庫、分步（新手引導(dǎo)）插件庫等。詳細的請繼續(xù)往下閱讀。

1、boxSlider

帶有響應(yīng)式功能的jQuery幻燈片插件。

2、Swipejs

一款觸摸式幻燈片插件。

3、Chart.js

一款制作圖表的強大插件。

4、SimpleTabs

SimpleTabs是國內(nèi)開發(fā)者寫的一款jQuery多功能選項卡插件，適用于各種選項卡，幻燈片、產(chǎn)品展示等模塊。

5、zTree

zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點。

6、jQuery Nested

創(chuàng)建一個動態(tài)的，可嵌套的網(wǎng)格布局插件。

7、Intro.js

創(chuàng)建一個動態(tài)的，可嵌套的網(wǎng)格布局插件。

8、SimpleUI

SimpleUI是藍面小生和半盞涼茶合力開發(fā)的一個基于jQuery的組件庫。包含了常見的web組件，適用于開發(fā)web2.0的應(yīng)用程序與小型網(wǎng)站。

9、Mass Framework

一個模塊化，以大模塊開發(fā)為目標，jQuery式的框架。里面優(yōu)先應(yīng)用了大量HTML5新API，估計除了個別手機專屬框架外，沒有像它如此大范圍應(yīng)用了。這一來可以大大減少框架的體積，二來大幅提高運行效率。

10、BookBlock

一個jQuery插件,將創(chuàng)建類似于一個小冊子,你可以通過翻閱書本一樣閱讀。

又到了插件分享的時候了，今天要為大家推薦的十款插件都算是比較時尚的（制作的效果時尚）。比如說：icheck可以幫助大家輕松實現(xiàn)自定義復(fù)選框、單選框按鈕；sidr可以實現(xiàn)固定邊欄效果（當(dāng)然也可以固定頂部，可以根據(jù)你的需求來設(shè)置）；jQuery List DragSort可以實現(xiàn)拖動圖片排序，以及MixItUp可以制作優(yōu)美的動態(tài)過濾效果，里面集成了許多css3的特效，還有JResponsive實現(xiàn)響應(yīng)式的布局、Flexisel實現(xiàn)彈性幻燈片播放等等。如果你覺得有感興趣的，不仿花上幾分鐘瀏覽一下。我想會有你需要的插件效果。

1、Sidr