最美H5 酷站欣赏 UI素材 专题 设计导航

30个值得关注的最新Jquery插件

每年都会有数百个jquery插件诞生。有些只是提供基础的、简单的功能,而有些则专注于更为强大和负责的功能。无论是哪一种,对我们来说都是有用的。今天我们不关注他们具体是哪一种,而关注他们能给我们解决什么问题,这30个jquery插件都是最新的和具有创新性的,很值得大家关注和深入研究。

jQuery Nested – 创建多列的、动态网格布局

jQuery Nested - Create Multi-Column, Dynamic Grid Layouts

jQuery Nested可以让我们快速的创建无间隙的、动态的多列网格布局

jQuery NestedGitHub

jResponsive – 具有平滑过渡效果的布局插件

jResponsive - Super-Smooth Transition Layouts

jResponsive 允许你动态调整页面和元素大小,用你想要的方式(有或没有顶部,底部,右侧或左侧导航)自定义布局。他可以应用的任意一个容器里面,将他的子元素进行布局。

jResponsiveGitHub

FlexNav – 灵活、兼容设备的导航插件

FlexNav - Flexible, Device Agnostic Navigation

FlexNav 是一个用media queries和jquery来实现的能够兼容不同设备的下拉菜单。开发商:他是一个支持触摸和键盘响应的、与设备无关的(兼容不同设备)的强大的网站导航。

FlexNavGitHub

scrollNav.js – 滚动跟随的、响应式侧边菜单

scrollNav.js - Scrolling Resposnive Side-Nav

scrollNav 是一个轻量级的jquery插件,他可以讲已存在的内容分成不同的逻辑区块,创建出一个可自定义的、滚动跟随的侧边导航菜单。

scrollNav.jsGitHub

ClassySocial

ClassySocial

ClassySocial是一个漂亮的path类型的原型导航菜单。

ClassySocialGitHub

jQuery Github – 用来显示你的Github最新消息的插件

jQuery Github - A plugin to display your favorite Github Repositories

jQuery GithubGitHub

Flaunt.js – 又一个响应式导航菜单

Flaunt.js - Responsive Navs with Nested Click-To-Reveal

Flaunt.js可以帮助我们完成样式化的响应式导航菜单

Flaunt.jsGitHub

Sidr – 创建 Facebook风格的侧边导航

Sidr - Creating Facebook-Like Side Menus

Sidr 是一个非常简单易用的插件,用它我们可简方便的创建facebook风格的响应式侧边导航.

SidrGitHub

Magnific Popup – 真正的响应式 Lightbox

Magnific Popup - Truly Responsive Lightbox

最早发布于 Smashing Magazine, Magnific Popup是快速,轻巧,功能丰富的响应灯箱插件,其侧重于性能,在任何设备上为用户提供最好的体验。它也是兼容Zepto.js。
你可以查看 CodePen上的例子。

Magnific PopupGitHub

slideToucher – 具有触摸响应功能的jquery内容转换插件

slideToucher - Touch Enabled jQuery Plugin for Content Swiping

可以响应水平和垂直两方向的触摸效果。

slideToucher

Flexisel – 响应旋转木马插件

Flexisel - Responsive Carousel Plugin

可以响应手机和平板设备。

FlexiselGitHub

Swipebox – 可触摸响应的 jQuery Lightbox

Swipebox - A Touchable jQuery Lightbox

Swipebox 是一个响应式的juqery lightbox插件,特点:触屏设备的手势响应,桌面设备的方向键响应,才算是过渡效果, 支持视网膜屏幕图标.

SwipeboxGitHub

Photoset Grid – 将图片排列到网格里面

Photoset Grid - Arrange Images into a Flexible Grid

灵感来源于 Tumblr’s 推荐图片效果, Photoset Grid可以见不同尺寸的图片以网格的形式整齐排列。

Photoset Grid

LiquidSlider – 一个响应式内容滑块效果插件

LiquidSlider - A Responsive jQuery Content Slider

LiquidSlider

dropdown.dot.js –基于 dot.js的灵活的下拉菜单

dropdown.dot.js - Flexible Dropdowns Based on dot.js Templates

dropdown.dot.jsGitHub

Unslider – “超微型”jQuery的滑块

Unslider - A 'Super-Tiny' jQuery Slider

UnsliderGitHub

typeahead.js – 一个全功能自动完成库

typeahead.js -  A Fully-Featured Autocomplete Library

typeahead.jsGitHub

iCheck – 自定义“复选框和单选按钮

iCheck - Customize Checkboxes & Radio Buttons

iCheckGitHub

Image Picker – <select>转换成一个更友好的用户界面

Image Picker - Transforms <select> into a More User-Friendly Interface

Image Picker 是一个简单的jQuery插件,将一个<select>的元素变换成为一个更加友好的图形界面。

Image PickerGitHub

Chardin.js – 介绍app的叠加效果

Chardin.js - Simple Overlay Instructions for Apps

可以用来在正式的内容或者app之前展示介绍信息,他是以动画叠加的形式来展现的,效果流畅。

Chardin.jsGitHub

Textillate.js – css3文字动画

Textillate.js - A Plugin for CSS3 Text Animations

Textillate.js是一个简单的插件,用以创建惊人的CSS3动画,可以应用到任何文本块。

Textillate.jsGitHub

jtwt.js – 展示最新tweet信息的插件

jtwt.js - A Plugin to Display Your Recent Tweets

jtwt.jsGitHub

imageloader.js – 图片预加载插件

imageloader.js - A Plugin for Preloading Images

imageloader.jsGitHub

jQuery Alpha Image Plugin

jQuery Alpha Image Plugin

jQuery的阿尔法图片插件可以更改选定的图像颜色透明,并提供图像或结果的imagedata。

jQuery Alpha Image PluginGitHub

bPopup – A jQuery 模式对话框

bPopup - A jQuery Modal Pop-Up Plugin

bPopup 具备所有模式对话框的功能,但是样式是需要自定义来实现,因为默认样式实在是太丑了。

bPopupGitHub

Sieve – 搜索内容过滤功能

Sieve - Add an Interactive Search Filter to Any Content

SieveGitHub

Perfect-Scrollbar – A jQuery 滚动条插件

Perfect-Scrollbar - A jQuery Scrollbar Plugin

鼠标经过后才出现滚动条,而且都是半透明的,很时尚舒服。

Perfect-ScrollbarGitHub

Pronto – 一个加速页面加载的插件

理念类似于 pjax 和TurboLinks, 利用HTML5的PushState()来加快速度。

ProntoGitHub

Rubberband – 添加响应断点事件。

Rubberband - A Plugin for Adding Responsive Breakpoint Events

RubberbandGitHub

scrollUp –“滚动到顶部”的轻量级插件

scrollUp - A Lightweight Plugin for Creating a Customisable

scrollUpGitHub

jQuery Pin – 标注容器内的元素

jQuery Pin - Pin Any Element Within a Container

jQuery PinGitHub

PowerTip – A jQuery 鼠标经过信息提示

PowerTip - A jQuery Hover Tooltip Plugin

PowerTipGitHub

jQuery Builder – 轻松地构建一个定制版本的jQuery

jQuery Builder - Easily Build a Custom Version of jQuery

jQuery BuilderGitHub

原文:http://speckyboy.com/2013/05/08/30-new-jquery-plugins-worth-taking-a-look-at/