30+有吸引力的jQuery插件 可應(yīng)用到你的WEB站點(diǎn)

2015-2-2    藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源:http://www.shejidaren.com/30-jquery-plugin.html

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

很多公司是缺少前端人員,前端的工作都郵設(shè)計(jì)師來(lái)完成,但設(shè)計(jì)師們對(duì)前端的熟悉程度一般般,想做出一些好的,就必須去找源代碼了,今天我們整理出30+有吸引力的jQuery插件,這些都是比較新鮮的代碼,有的效果很不錯(cuò),有的卻很實(shí)用,喜歡的可以嘗試應(yīng)用到你的網(wǎng)站上,讓你的WEB站點(diǎn)更生動(dòng)一些吧!

Jquery Adaptive Backgrounds.Js

一個(gè)根據(jù)圖像色調(diào)來(lái)自動(dòng)匹配背景色,很神奇。

30+有吸引力的jQuery插件 可應(yīng)用到你的WEB站點(diǎn)

演示 | 下載

TaggingJS

一個(gè)用在TAG標(biāo)簽效果插件,體驗(yàn)良好,具體請(qǐng)查看演示看效果。特別是用在一些ERP后臺(tái)上,實(shí)用!


演示 | 下載

ScrollMagic

魔法滾動(dòng),在演示頁(yè)滑動(dòng)鼠標(biāo)中鍵試試,很有趣哦。


演示 | 下載

Pnotify

一個(gè)提示形插件,可結(jié)合Bootstrap使用。


演示 | 下載

Mixitup

一個(gè)篩選類列表,兼容手機(jī)端,動(dòng)畫效果流暢。


演示 | 下載

ClassySocial


演示 | 下載 (演示頁(yè)面已經(jīng),但可以下載)

Dropdown.Dot.Js

一個(gè)下拉列表效果。


演示 | 下載

Croppic

一個(gè)圖片上傳插件,剛試了下,好強(qiáng)大。


演示 | 下載

Jquery Match Height

布局類插件


演示 | 下載

Jquery Responsive Web

響應(yīng)式j(luò)Query布局插件

演示 | 下載

Masonry

以前已經(jīng)介紹過,著名的流布局jQuery插件。(像花瓣網(wǎng)哪個(gè)種布局稱流布局)


演示 | 下載

Breakpoints


演示 | 下載

Freewall

類似上面Masonry這個(gè)流布局插件。


演示 | 下載

Responsive Full Width Tabs


演示 | 下載

Image Lightbox, Responsive And Touch Friendly


演示 | 下載

Slinky

滑動(dòng)到標(biāo)題后會(huì)自動(dòng)固定。


演示 | 下載

Remodal


演示 | 下載

Panorama Viewer

可以用鼠標(biāo)左右拖動(dòng)來(lái)觀看大圖片,特別適用于橫幅照片瀏覽。


演示 | 下載

Tip Cards

這個(gè)提示卡效果做得太弦了,有些電腦可能會(huì)有點(diǎn)卡。


演示 | 下載

Jquery Dynatable

一個(gè)Table表格jQuery插件,無(wú)刷新分頁(yè),可以快速搜索表格內(nèi)容。


演示 | 下載

StickUp


演示 | 下載

Flicker Plate

首屏幻燈片全屏展示,支持觸屏,所以也兼容手機(jī)端,效果很漂亮!


演示 | 下載

Slide Toucher

全屏式的網(wǎng)頁(yè)視圖jQuery插件,支持垂直和水平2種形式。


演示 | 下載

Photoset Grid

讓圖像宮格式排版,不會(huì)錯(cuò)亂。


演示 | 下載

Liquidslider

TAB選項(xiàng)卡


演示 | 下載

Image Picker

一個(gè)選擇效果。


演示 | 下載

SVGMagic


演示 | 下載

Floatlabels.Js


演示 | 下載

RowGrid.Js


演示 | 下載

Label Better

輸入框插件,很有新意。


演示 | 下載

Interactive_3d

3D視圖,直接用鼠標(biāo)控制,但要載入很多張圖片…

演示 | 下載



掃一掃,案例分享帶回家(藍(lán)藍(lán)設(shè)計(jì)微信公眾平臺(tái))

分享本文至:

日歷

鏈接

個(gè)人資料

存檔