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

1、Makisu : jQuery CSS 3D Dropdown Menu concept

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

2、jQuery.Shapeshift

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

3、Rainbow

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

4、gmaps

gmaps用來制作google地圖的一個(gè)插件。

5、jQuery jkit

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

6、dropzone.js

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

7、Image Picker

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

8、Elevate Zoom

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

9、Opentip

Opentip是一款強(qiáng)大的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制作與動(dòng)畫等十款優(yōu)秀的jQuery插件，希望這些插件能幫大家解決一時(shí)之需。

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動(dòng)畫功能的插件。

6、Fathom.js

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

7、Nivo Zoom

一款圖片放大的jQuery插件。

8、ScrollNav.js

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

9、SVG.js

一款操縱和實(shí)現(xiàn)SVG動(dòng)畫的輕量級(jí)js庫。

10、IMAGELOADER.JS

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

 

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

1、Maplace.JS

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

2、Navi.JS

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

3、jQuery.transformlist

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

4、textillate.js

一款簡(jiǎn)單實(shí)現(xiàn)文本動(dòng)畫效果的jQuery插件。

5、partialjs

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

6、imgAreaSelect

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

7、ddSlick

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

8、MagicSuggest

自動(dòng)生成默認(rèn)標(biāo)簽。

9、jQuery Knob

向下兼容，可以觸摸的jQuery撥號(hào)插件。

10、jQuery.WallFlip

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

 

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

1、boxSlider

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

2、Swipejs

一款觸摸式幻燈片插件。

3、Chart.js

一款制作圖表的強(qiáng)大插件。

4、SimpleTabs

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

5、zTree

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

6、jQuery Nested

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

7、Intro.js

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

8、SimpleUI

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

9、Mass Framework

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

10、BookBlock

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

 

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

1、Sidr

創(chuàng)建側(cè)菜單和最簡(jiǎn)單的方法實(shí)現(xiàn)響應(yīng)式菜單的jQuery插件。

2、jQuery List DragSort

一個(gè)圖片拖動(dòng)排序插件jQuery List DragSort。

3、iCheck

超級(jí)定制的復(fù)選框和單選按鈕的JQUERY插件。

4、jQuery.Shapeshift

一個(gè)jQuery實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)格系統(tǒng)，并且具有拖放功能。

5、SLY

SLY是一個(gè)js庫，可用于創(chuàng)建單向滾動(dòng)的導(dǎo)航效果。

6、Packery

Packery是一個(gè)布局方面的jQuery插件，可以實(shí)現(xiàn)瀑布流，拖放布局等功能。

7、ToolTipster

ToolTipster是一個(gè)用來制作彈出提示框的jQuery插件。

8、MixItUp

一款過濾和排序的jQuery插件。

9、JResponsive

一款結(jié)合CSS的responsive和transition實(shí)現(xiàn)的網(wǎng)格布局的插件。

10、Flexisel

具有響應(yīng)式功能的圖片播放插件。

 

今天要向大家推薦的jQuery插件是第六期了，也就是說到今天為止，總共搜集了近60款各式各樣的jQuery插件，涉及各種效果。在這一期中推薦的插件搜集了很久，才積累了這十款插件，主要有制作菜單的、圖形的、網(wǎng)格的、翻轉(zhuǎn)等。如果你喜歡，那就繼續(xù)往下點(diǎn)擊。

1、Smint

Smint是一個(gè)簡(jiǎn)單的jQuery插件,一種粘性的導(dǎo)航欄,停留在頁面的頂部而你向下滾動(dòng)和菜單按鈕,自動(dòng)滾動(dòng)頁面的部分你點(diǎn)擊。

DEMO DOWNLOAD

2、FlipClock.js

FlipClock是一個(gè)制作時(shí)鐘的jQuery插件。

DEMO DOWNLOAD

3、least.js

隨機(jī)和響應(yīng)的HTML 5,CSS3 LAZYLOAD畫廊

DEMO DOWNLOAD

4、mmenu

一個(gè)創(chuàng)建菜單的jQuery插件，只需要一行代碼就可以實(shí)現(xiàn)移動(dòng)端滑動(dòng)的菜單效果

DEMO DOWNLOAD

5、Two.js

two.js是一個(gè)面向現(xiàn)代瀏覽器的二維繪圖api。

DEMO DOWNLOAD

6、MixItUp

MixItUp插件是用來過濾和排序元素。

DEMO DOWNLOAD

7、Vortex

HTML元素顯示成橢圓，并可以旋轉(zhuǎn)。

DEMO DOWNLOAD

8、Transit

jQuery實(shí)現(xiàn)CSS3的transform效果。

DEMO DOWNLOAD

9、Masonjs

Mason是一款制作網(wǎng)格系統(tǒng)的強(qiáng)大插件。

DEMO DOWNLOAD

10、Flippant.js

Flippant實(shí)現(xiàn)3D翻轉(zhuǎn)效果。

最新評(píng)論