HTML & CSS » 16个创新好用的jQuery插件

16个创新好用的jQuery插件

发表于: HTML & CSS, 设计工具. 评论 (3)
Sponsor

现在的网页设计对用户体验要示是很高的,如果我们能用一些好的jQuery插件来增加一下交互效果,这样就从一定程序上提升用户体验。今天设计达人网整理16个创新好用的jQuery插件,这些插件类型有很多,而且都是2013年最新出品,值得关注哦,就算你不用也能给你带来很好的灵感。

全屏滚动效果插件

FullPage.js – 自动全屏窗口大小,支持垂直和水平滑动,这个用来做专题页也不错。

jquery-plugins-01
查看插件

平滑的下拉内容效果

pullupScroll -当你屏幕向下滑动的时候,内容会以动画形式弹上来,具体看Demo,不是很好形容……

jquery-plugins-02
查看插件

带微动画效果的菜单jQuery插件

AnimteScroll – 动画菜单,不用也可以长见识啊^^

jquery-plugins-03
查看插件

层级面板内容展示效果

Panel One – 像全屏Tab效果,以层的形式来切换,视觉效果佳。

jquery-plugins-04
查看插件

漂亮的倾斜风格图片插件

diamond.js – 如果正正方方的排版用腻的话,试试用个图片插件吧,时尚类网站首先啊!

jquery-plugins-05
查看插件

背景检测插件

BackgroundCheck.js – 通过检测背景颜色来实现对应的变化,如果背景是深色的,那么元素会自动变成白色,反之。所以如果用在幻灯片的按钮上是很实用的。

jquery-plugins-06
查看插件

创意的手机应用菜单效果

点击“+”号后,菜单带动画的形式展示出来。

jquery-plugins-07
查看插件

层叠内容展示插件

stacky.js – 插件可以把多个内容层叠起来,点击展示的时候内容会向下滑动出现,效果感觉不错,动画使用了CSS3来实现的,所以要兼容CSS3浏览器才能看出滑动效果。

jquery-plugins-08
查看插件

信息提示插件

ohSnap.js – 适用信息提示类的插件,插件提示信息会从右下角展示。如果用在手机端也很不错。

jquery-plugins-09
查看插件

操作系统检测插件

device.js – 用来判断当然用户设备的操作系统插件,并肯能判断对应的设备,比如检查到是iPad设备,插件可以自动将Class=”ipad”添加至<html>标签上,检测系统有(iOS, Android, Blackberry, Windows, Firefox OS),如果要兼容多个平台的网站,这个插件很适合。

jquery-plugins-10
查看插件

滑动超出效果插件

FancyScroll.js – 之前用过三星的Android系统,当你屏幕滑动到最底或已经到最顶部的时候,会有一个类似内发光的效果来提示,表示当前屏幕状态,而FancyScroll这jQuery插件就是这样效果了,作者还做出了N个效果,大家可以体验下。

jquery-plugins-11
查看插件

页面跳转插件

Jump To 插件用于当前页面的描链接状态,比如你跳到header2这个内容上,那么描链接就会有一个当前状态出现,而且支持2级描链接。

jquery-plugins-12
查看插件

圆形文字效果插件

Circletype.js – 插件可以让文字以弧形或正圆形方式展示文字效果,很好玩。

jquery-plugins-13
查看插件

创意的表单提示效果

这个插件不是很好形容,具体看作者的Gif图片和Demo页面吧。

jquery-plugins-14
查看插件

流布局插件

Freewall.js – 是个比较强大的布局插件,布局效果有:默认效果(统一宽高排版)、Pinterest的流布局效果、图片布局、Metro风格效果、Flex layout(可以自适应宽度)。因为支持Flex布局,所以在平板、手机客户端浏览也有很不错的效果。

jquery-plugins-15
查看插件

页面滑动提示效果

这个效果就像设计达人网上的“回到顶部”按钮,就是当你页面滑动至中间或中间的时候,会弹出一个提示。

jquery-plugins-17
查看插件

响应式全屏幻灯片插件

Slideme.js – 是一个slide幻灯片切换插件,使用响应式设计,兼容IE7、手机、平台等平台。

jquery-plugins-16
查看插件

好了,就分享这么多新插件,如果你喜欢,请记得分享或收藏,下期精彩!

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论3 Responses to “16个创新好用的jQuery插件”

  1. 壹心亿意 - 回复

    有2个地址不对啊

  2. 诸葛小觉 - 回复

    平滑的下拉内容效果这个的demo链接错了哦~

  3. 能四点呢 - 回复

    “创意的表单提示效果”链接错了


{ 发表评论 }