DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 2013年優秀jQuery插件整理小結
2013年優秀jQuery插件整理小結
編輯:JQuery特效代碼     

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

1、Makisu : jQuery CSS 3D Dropdown Menu concept

Makisu : jQuery CSS 3D Dropdown Menu concept

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

2、jQuery.Shapeshift

jQuery.Shapeshift

一款輕量級的網格系統插件,可以制作濗布流效果,同時具有拖動、Responsive和touch功能。

3、Rainbow

Rainbow

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

4、gmaps

gmaps

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

5、jQuery jkit

jQuery jkit

jQuery jkit是一個依賴於jQuery庫的插件,裡面包含了Web常用交互效果。

6、dropzone.js

dropzone.js

dropzone.js是一個js腳笨庫,實用文件的拖拽上傳文件,而且還可以預覽上傳後的文件。

7、Image Picker

Image Picker

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

8、Elevate Zoom

Elevate Zoom

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

9、Opentip

Opentip

Opentip是一款強大的tooltip插件,支持所有現代浏覽器以及IE7+浏覽器。

10、Selectik

Selectik

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

 

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

1、scrollUp jQuery plugin

scrollUp jQuery plugin

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

2、jQuery plugin for Text to Speech

scrollUp jQuery plugin

一款文本轉語音的jQuery插件。

3、Toolbar.Js

Toolbar.Js

在Web頁面或應用程序中快速幫助創建提示工具的一款jQuery插件。

4、Threesixty-slider

Threesixty-slider

圖片360度旋轉插件。

5、Anima.js

Anima.js

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

6、Fathom.js

Fathom.js

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

7、Nivo Zoom

Nivo Zoom

一款圖片放大的jQuery插件。

8、ScrollNav.js

ScrollNav.js

一款制作滾動頁面,導航項目隨之變化的jQuery插件。

9、SVG.js

SVG.js

一款操縱和實現SVG動畫的輕量級js庫。

10、IMAGELOADER.JS

IMAGELOADER.JS

一個預加載圖片的JQUERY插件。

 

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

1、Maplace.JS

Maplace.JS

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

2、Navi.JS

Navi.JS

Navi.Js方便你的網站動態的顯示內容。

3、jQuery.transformlist

jQuery.transformlist

jQuery.transformlist是一個javascript插件,用來支持css3的動畫轉換。

4、textillate.js

textillate.js

一款簡單實現文本動畫效果的jQuery插件。

5、partialjs

partialjs

免費的web應用程序框架,使用JavaScript、HTML和CSS構建web站點和web應用程序。

6、imgAreaSelect

imgAreaSelect

imgAreaSelect是一個jQuery插件,用來實現選擇圖像的矩形區域。

7、ddSlick

ddSlick

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

8、MagicSuggest

MagicSuggest

自動生成默認標簽。

9、jQuery Knob

jQuery Knob

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

10、jQuery.WallFlip

jQuery.WallFlip

jQuery插件創建一個圖片牆,點擊翻轉顯示一些圖像的描述內容。

 

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

1、boxSlider

boxSlider

帶有響應式功能的jQuery幻燈片插件。

2、Swipejs

Swipejs

一款觸摸式幻燈片插件。

3、Chart.js

Chart.js

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

4、SimpleTabs

SimpleTabs

SimpleTabs是國內開發者寫的一款jQuery多功能選項卡插件,適用於各種選項卡,幻燈片、產品展示等模塊。

5、zTree

zTree

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

6、jQuery Nested

jQuery Nested

創建一個動態的,可嵌套的網格布局插件。

7、Intro.js

Intro.js

創建一個動態的,可嵌套的網格布局插件。

8、SimpleUI

SimpleUI

SimpleUI是藍面小生和半盞涼茶合力開發的一個基於jQuery的組件庫。包含了常見的web組件,適用於開發web2.0的應用程序與小型網站。

9、Mass Framework

Mass Framework

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

10、BookBlock

BookBlock

一個jQuery插件,將創建類似於一個小冊子,你可以通過翻閱書本一樣閱讀。

 

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

1、Sidr

Sidr

創建側菜單和最簡單的方法實現響應式菜單的jQuery插件。

2、jQuery List DragSort

jQuery List DragSort

一個圖片拖動排序插件jQuery List DragSort。

3、iCheck

iCheck

超級定制的復選框和單選按鈕的JQUERY插件。

4、jQuery.Shapeshift

jQuery.Shapeshift

一個jQuery實現動態網格系統,並且具有拖放功能。

5、SLY

SLY

SLY是一個js庫,可用於創建單向滾動的導航效果。

6、Packery

Packery

Packery是一個布局方面的jQuery插件,可以實現瀑布流,拖放布局等功能。

7、ToolTipster

tooltipster

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

8、MixItUp

MixItUp

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

9、JResponsive

JResponsive

一款結合CSS的responsive和transition實現的網格布局的插件。

10、Flexisel

Flexisel

具有響應式功能的圖片播放插件。

 

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

1、Smint

Smint

Smint是一個簡單的jQuery插件,一種粘性的導航欄,停留在頁面的頂部而你向下滾動和菜單按鈕,自動滾動頁面的部分你點擊。

DEMO DOWNLOAD

2、FlipClock.js

FlipClock.js

FlipClock是一個制作時鐘的jQuery插件。

DEMO DOWNLOAD

3、least.js

least.js

隨機和響應的HTML 5,CSS3 LAZYLOAD畫廊

DEMO DOWNLOAD

4、mmenu

mmenu

一個創建菜單的jQuery插件,只需要一行代碼就可以實現移動端滑動的菜單效果

DEMO DOWNLOAD

5、Two.js

Two.js

two.js是一個面向現代浏覽器的二維繪圖api。

DEMO DOWNLOAD

6、MixItUp

MixItUp

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

DEMO DOWNLOAD

7、Vortex

Vortex

HTML元素顯示成橢圓,並可以旋轉。

DEMO DOWNLOAD

8、Transit

Transit

jQuery實現CSS3的transform效果。

DEMO DOWNLOAD

9、Masonjs

Masonjs

Mason是一款制作網格系統的強大插件。

DEMO DOWNLOAD

10、Flippant.js

Masonjs

Flippant實現3D翻轉效果。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved