分享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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
用javascript实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
基于JavaScript实现定时跳转到指定页面
Jan 01 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
简单的php+mysql聊天室实现方法(附源码)
2016/01/05 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
3分钟掌握常用的JS操作JSON方法总结
2017/04/25 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
详解ES6 Symbol 的用途
2018/10/14 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
Python实现简易端口扫描器代码实例
2017/03/15 Python
PyQt5响应回车事件的方法
2019/06/25 Python
python生成大写32位uuid代码
2020/03/03 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
留学生如何写好自荐信
2013/12/27 职场文书
四年级数学教学反思
2014/02/02 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
求职信内容怎么写
2014/05/26 职场文书
个人委托书
2014/07/31 职场文书
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android