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

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

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

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

Card

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


DEMO & 下载插件

Slick

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


DEMO & 下载插件

FlyLabel.Js

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


DEMO & 下载插件

Remodal

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


DEMO & 下载插件

Switchery

苹果iOS风格的开关按钮。


DEMO & 下载插件

ListNav

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


DEMO & 下载插件

Sliding Menu

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


DEMO & 下载插件

Flip-Quote

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


DEMO & 下载插件

Dark Tooltip

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


DEMO & 下载插件

Fort.Js

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


DEMO & 下载插件

Wholly

解发表格插件。


DEMO & 下载插件

RadiosToSlider

单选按钮的新玩法。


DEMO & 下载插件

CLNDR.Js

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


DEMO & 下载插件

Slinky.Js

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


DEMO & 下载插件

TourTip

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


DEMO & 下载插件

Circliful

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


DEMO & 下载插件

Powerange

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

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


DEMO & 下载插件

Image Lightbox

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


DEMO & 下载插件

Select Or Die

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


DEMO & 下载插件

Headhesive

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


DEMO & 下载插件

中文编译:设计达人

原文出处:webresourcesdepot

时间: 2014-12-13

分享20款美化网站的 jQuery Lightbox 灯箱插件

jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口).如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力. 因此在这个集合中,我们编译了20款最好的 jQuery 灯箱插件清单,这将有助于开发人员创建和设计精美的网站.您可以将这些插件很容易地集成到您的网站,可以下载他们瞬间充实你的插件库. 1. lightGallery jQuery lightGallery

50 个 jQuery 插件可将你的网站带到另外一个高度

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性--除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创

2012年开发人员的16款新鲜的jquery插件体验分享

jQuery的是一个多浏览器的Javascript集合,以轻松地简化了客户端脚本的HTML.jQuery的格式设计帮助你获得一个文件,选择DOM元素,动画,处理事件,并开发Ajax程序设计人员能够根据需要创建一些高级别的jquery插件.使用这些插件方法可以创建高效强大的网页和Web程序. 保持学习最新的jQuery插件有时似乎是一个完整的工作.每隔一天,我们似乎可以发现一些新的东西,尖端的东西,有时我们发现的东西,是真正的创新和必要的对于我们的工作来说.下面是从2012年开始的新的和令人兴奋的

nginx中gzip压缩提升网站速度的实现方法

为啥使用gzip压缩 开启nginx的gzip压缩,网页中的js,css等静态资源的大小会大大的减少从而节约大量的带宽,提高传输效率,给用户快的体验. nginx实现gzip nginx实现资源压缩的原理是通过默认集成的ngx_http_gzip_module模块拦截请求,并对需要做gzip的类型做gzip,使用非常简单直接开启,设置选项即可.. gzip生效后的请求头和响应头 Request Headers: Accept-Encoding:gzip,deflate,sdch Response

分享20多个很棒的jQuery 文件上传插件或教程

1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. AjaxFileUpload 5. Uploadify Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件或多文件上

值得分享的IIS部署网站详细步骤

本文为大家分享了IIS部署网站的全部教程,供大家参考,具体内容如下 1.开始->控制面板 2.管理工具->IIS管理器 3.右键添加网站 4.添加网站 5.检查ISAPI筛选器,若应用池是4.0,就要有4.0的筛选器,(请注意是32位与或是64位) 若没有对应筛选器,可添加筛选器 若未安装Framework可win+R 运行%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_regiis.exe -i 安装Framework 6.检查默认文

提升你网站水平的jQuery插件集合推荐

看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西. lsotope Isotope 是一款精致的 jQuery插件,用于创建单纯用 CSS 无法实现的智能的.动态的布局,非常强大. lettering Lettering 是一款用于实现激进的网页排版的 jQuery 插件,可以帮助你在网站中加入丰富多彩的文字效果. jQuery.spritely jQuery.spritely 是一款简单.轻量的 jQuery 插件,用来创建创建动态角色和背景动画,效果非常酷,赶紧点击看示例吧

24款非常有用的 jQuery 插件分享

jQuery以其插件众多.独特.轻量以及支持大规模的网站开发闻名.本文与大家分享24款非常有用的jQuery插件,可以根据您的项目需要来选择使用. 1. jTextTranslate Translate是一款用于快速翻译文章的插件. 2. Uploadify Uploadify是一款用于在你网站集成完全可定制的多文件上传的插件. 3. TopUp 一款非常易用的用于在弹窗中显示图片和网页的jQuery插件. 4. TipTip TipTip是一款轻量的.智能的.易于定制的提示插件,可应用与任何元

精选的10款用于构建良好易用性网站的jQuery插件

Embedded help system 看过该插件demo后,感叹道,真是太棒了! 点demo里的How to下面的几个链接看看效果:) Embedded Help System如其名,能将帮助信息集成到网页中,告诉用户一步一步怎么操作,易用性非常好! jRating评分插件 jRating 是一个ajax评分插件,得益于插件的众多options和方法,它非常简单易用 !比如,你可以设置五角星的数量或者最大的得分等. jNotify- jQuery Plugin 使用jNotify你可以只需要