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
查看插件

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

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。
赞助商链接

与 相关的文章

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

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

  1. 壹心亿意 - 回复
    2013 年 10 月 25 日 上午 10:21

    有2个地址不对啊

  2. 诸葛小觉 - 回复
    2013 年 10 月 24 日 下午 5:08

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

  3. 能四点呢 - 回复
    2013 年 10 月 24 日 下午 5:01

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


{ 发表评论 }