分享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 相关文章推荐
script标签的 charset 属性使用说明
Dec 04 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
详解JavaScript函数对象
Nov 15 Javascript
jquery实现倒计时功能
Dec 28 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
DOM事件探秘篇
Feb 15 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
jquery编写日期选择器
Mar 16 Javascript
javascript闭包功能与用法实例分析
Apr 06 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
分享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
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
PHP怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
php静态成员方法和静态的成员属性的使用方法
2017/10/26 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
2009/05/21 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
javascript实现密码验证
2015/11/10 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
python读文件的步骤
2019/10/08 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
总经理司机岗位职责
2014/02/06 职场文书
应聘护士求职信
2014/07/21 职场文书
入党自荐书范文
2015/03/05 职场文书
个人党性锻炼总结
2015/03/05 职场文书
借款民事起诉状范文
2015/05/19 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技