jQuery到目前为止还是非常流行的，很多用户都喜欢在自己的网站上添加JQuery插件，来提升自己的界面和交互性能。这个不错，但是我发现很多网站用的插件还是比较老的，不是很好。有必要把它们改成“新的”！

随着Web技术的不断发展，出现了许多新的、创新的、实用的jQuery插件，因此我们应该更加关注这些信息。

今天我会整理20个jQuery插件，提升网站界面的体验。这些是相对“新”的代码。如果你喜欢，请使用你的网站项目！

卡片

友好的信用卡表单插件模拟真实的信用卡界面。不仅如此，当你输入下面和背面的内容时，信用卡也会同时翻转。你可以试试。体验真的很好。

DEMO下载插件

光滑的

功能强大且实用的jQuery插件，用于响应性幻灯片放映(灯箱)，支持单个图像或多个图标，具有焦点、触摸屏和左右按钮切换模式。我非常喜欢！

DEMO下载插件

FlyLabel。射流研究…

这是另一种创新的输入形式交互，最早见于dribbble。后来谷歌的Material Design好像也用了这个方法。

DEMO下载插件

远程的

响应式jQuery弹出插件，扁平化设计，兼容响应性，轻量级，易于定制，Nice！

DEMO下载插件

开关厂

苹果iOS风格的开关按钮。

DEMO下载插件

列表导航

原来列表显示还是可以这样的。和tab选项卡一样，不同的是可以显示列表编号。

DEMO下载插件

滑动菜单

垂直左右滑动多级菜单插件，非常流畅。使用响应性设计。

DEMO下载插件

翻转报价

引用类的插件类似于突出显示和高亮显示。

DEMO下载插件

黑暗工具提示

可以说是工具提示提示信息的增强版，从左到右、上下、文字、图案、弹出确认框、多层提示等显示。这非常容易使用。详见演示。

DEMO下载插件

堡垒。射流研究…

我们在《微创新 带进度条的登陆界面 Fort.js》之前已经介绍过了

DEMO下载插件

完全地

展开表单插件。

DEMO下载插件

光能传递幻灯片

播放单选按钮的新方法。

DEMO下载插件

CLNDR。射流研究…

一个可定制的事件日历插件。

DEMO下载插件

斯林克。射流研究…

有点像滚动到顶部的原理，就是你向下滑动超出可视范围后，菜单会自动固定在上面，不会消失。

DEMO下载插件

旅游提示

类似于我们前面介绍的Intro.js插件，它用于指导界面。

DEMO下载插件

Circliful

看图片，就知道是什么了，圆形数据表和图表插件。

DEMO下载插件

动力范围

一个滑动条，iOS7风格，用CSS写风格，所以很容易修改它的风格。

兼容性：ie 9、chrome 14、Mozilla Firefox 6.0、opera 11.6、safari 5

DEMO下载插件

图像灯箱

一个灯箱图像显示插件，左右切换很好看，图像可以根据浏览器大小适配大小。

DEMO下载插件

选择或死亡

漂亮的下拉选择框插件，本身的风格很好看。当然，它不仅款式简单好看，还有很多实用功能，比如支持多级菜单组、禁止选组、跳转菜单等等。

DEMO下载插件

令人兴奋的

带有固定顶部导航的特殊效果插件。它也类似于滚动到顶部。

DEMO下载插件

中文编译：设计人才

原始来源：webresourcesdepot