分享20个提升网站界面体验的jQuery插件


Posted in Javascript onDecember 15, 2014

jQuery到目前为止还是非常流行,很多用户喜欢使用jQuery插件加进自己的网站上提升界面及交互性能,这是好的,但我发现很多网站使用的插件还是比较旧,而这点就不太好了,是应该要换换“新款”啦!

随便Web技术不停的进步,很多新鲜、创新并且实用的jQuery插件已经开发出来,大家应该多点关注这方面的资讯。

今天为大家整理20个提升网站界面的体验的jQuery插件,这些都是比较“新款”的代码,喜欢的请用到你的网站项目上吧!

Card

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

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Slick

功能强大而实用的响应式幻灯片(灯箱)jQuery插件,支持单个图像或多个图标,并带有焦点、触屏、左右按钮切换方式,十分喜欢!

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

FlyLabel.Js

这又是一个创新的input表单交互,最早在dribbble看到有,后来google的Material Design好像也用这个方式了。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Remodal

响应式jQuery弹窗插件,扁平化设计、兼容响应式、轻便、容易定制,Nice!

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Switchery

苹果iOS风格的开关按钮。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

ListNav

原来列表展示还能这样子的。像tab选项卡,不同的是,可以显示list数。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Sliding Menu

竖式左右滑动多级菜单插件,很流畅。使用响应式设计。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Flip-Quote

引用类的插件,类似于高亮、突出展示使用。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Dark Tooltip

可以说是Tooltips提示信息加强版,左右上下展示,文字、图案、像弹出确认框方式、多层提示等等,很好用,具体看Demo。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Fort.Js

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

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Wholly

解发表格插件。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

RadiosToSlider

单选按钮的新玩法。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

CLNDR.Js

一个可自定义事件日历插件。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Slinky.Js

有点像scroll to top的原理,就是你向下滑动超出可视范围后,菜单会自动固定在上面不会消失。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

TourTip

类似于我们之前介绍的Intro.js插件一样,用于界面引导的作用。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Circliful

看图大家也知道是什么了吧,圆形风格的数据表、图表插件。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Powerange

一个滑块控制条,iOS7风格,使用CSS编写样式,所以很容易于修改它的风格。

兼容:IE 9+,Chrome 14+, Mozilla Firefox 6.0+, Opera 11.6+, Safari 5+

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Image Lightbox

一个lightbox图片展示插件,左右切换很好看哦,图像可以根据浏览器大小来自适应尺寸。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Select Or Die

漂亮的下拉选择框插件,自带的样式都很好看。当然不仅是样式好看这么简单,还有很多实用的功能,比如支持多级菜单组、禁止选择组、跳转菜单等等。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

Headhesive

一个固定顶部导航的特效插件。也类似于scroll to top。

分享20个提升网站界面体验的jQuery插件
DEMO & 下载插件

中文编译:设计达人

原文出处:webresourcesdepot

Javascript 相关文章推荐
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Nov 13 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
js下载文件并修改文件名
May 08 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 #Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 #Javascript
node中socket.io的事件使用详解
Dec 15 #Javascript
node.js中使用socket.io的方法
Dec 15 #Javascript
Lua表达式和控制结构学习笔记
Dec 15 #Javascript
如何在node的express中使用socket.io
Dec 15 #Javascript
node.js中使用socket.io制作命名空间
Dec 15 #Javascript
You might like
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
javascript 二维数组的实现与应用
2010/03/16 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
2016/08/16 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
vue学习笔记之过滤器的基本使用方法实例分析
2020/02/01 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
[01:19:11]Ti4 循环赛第二日 NaVi.us vs iG
2014/07/11 DOTA
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
python发送邮件功能实现代码
2016/07/15 Python
不可错过的十本Python好书
2017/07/06 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
市场营销专业个人自荐信格式
2013/09/21 职场文书
实习生评语
2014/04/26 职场文书
社会发展项目建议书
2014/08/25 职场文书
2014年变电站工作总结
2014/12/19 职场文书
护士个人年度总结范文
2015/02/13 职场文书
结婚主持人致辞
2015/07/28 职场文书
班主任寄语2016
2015/12/04 职场文书
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫