分享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 相关文章推荐
数组方法解决JS字符串连接性能问题有争议
Jan 12 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
KnockoutJS 3.X API 第四章之click绑定
Oct 10 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
Mar 04 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 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
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
关于WordPress的SEO优化相关的一些PHP页面脚本技巧
2015/12/10 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
javascript模块化简单解析
2016/04/07 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
javaScript语法总结
2016/11/25 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
django fernet fields字段加密实践详解
2019/08/12 Python
django序列化serializers过程解析
2019/12/14 Python
Django中的session用法详解
2020/03/09 Python
公司管理建议书范文
2014/03/12 职场文书
幼儿园小班家长寄语
2014/04/02 职场文书
合伙协议书范本
2014/04/21 职场文书
旅游节目策划方案
2014/05/26 职场文书
社保委托书怎么写
2014/08/02 职场文书
中学生清明节演讲稿
2015/03/18 职场文书
售后服务质量承诺书
2015/04/29 职场文书