现在的网页设计对用户体验要示是很高的,如果我们能用一些好的jQuery插件来增加一下交互效果,这样就从一定程序上提升用户体验。今天设计达人网整理16个创新好用的jQuery插件,这些插件类型有很多,而且都是2013年最新出品,值得关注哦,就算你不用也能给你带来很好的灵感。
FullPage.js– 自动全屏窗口大小,支持垂直和水平滑动,这个用来做专题页也不错。
pullupScroll -当你屏幕向下滑动的时候,内容会以动画形式弹上来,具体看Demo,不是很好形容……
AnimteScroll– 动画菜单,不用也可以长见识啊^^
Panel One– 像全屏Tab效果,以层的形式来切换,视觉效果佳。
diamond.js– 如果正正方方的排版用腻的话,试试用个图片插件吧,时尚类网站首先啊!
BackgroundCheck.js– 通过检测背景颜色来实现对应的变化,如果背景是深色的,那么元素会自动变成白色,反之。所以如果用在幻灯片的按钮上是很实用的。
点击“+”号后,菜单带动画的形式展示出来。
stacky.js– 插件可以把多个内容层叠起来,点击展示的时候内容会向下滑动出现,效果感觉不错,动画使用了CSS3来实现的,所以要兼容CSS3浏览器才能看出滑动效果。
ohSnap.js– 适用信息提示类的插件,插件提示信息会从右下角展示。如果用在手机端也很不错。
device.js – 用来判断当然用户设备的操作系统插件,并肯能判断对应的设备,比如检查到是iPad设备,插件可以自动将Class=”ipad”添加至<html>标签上,检测系统有(iOS, Android, Blackberry, Windows, Firefox OS),如果要兼容多个平台的网站,这个插件很适合。
FancyScroll.js– 之前用过三星的Android系统,当你屏幕滑动到最底或已经到最顶部的时候,会有一个类似内发光的效果来提示,表示当前屏幕状态,而FancyScroll这就是这样效果了,作者还做出了N个效果,大家可以体验下。
Jump To 插件用于当前页面的描链接状态,比如你跳到header2这个内容上,那么描链接就会有一个当前状态出现,而且支持2级描链接。
Circletype.js– 插件可以让文字以弧形或正圆形方式展示文字效果,很好玩。
这个插件不是很好形容,具体看作者的Gif图片和Demo页面吧。
Freewall.js– 是个比较强大的布局插件,布局效果有:默认效果(统一宽高排版)、Pinterest的流布局效果、图片布局、Metro风格效果、Flex layout(可以自适应宽度)。因为支持Flex布局,所以在平板、手机客户端浏览也有很不错的效果。
这个效果就像设计达人网上的“回到顶部”按钮,就是当你页面滑动至中间或中间的时候,会弹出一个提示。
Slideme.js– 是一个slide幻灯片切换插件,使用响应式设计,兼容IE7、手机、平台等平台。
好了,就分享这么多新插件,如果你喜欢,请记得分享或收藏,下期精彩