10个jQuery动画插件效果演示和下载
1.超赞的页面加载进度自动指示和 Ajax 导航效果
在页面中引入 Pace.js 和您所选择主题的 CSS 文件,就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果。不需要挂接到任何代码,自动检测进展。您可以选择颜色和多种效果,有简约,闪光灯,MAC OSX,左侧填充,顶部填充,计数器和弹跳等等。
2.ProgressBar.js – 漂亮的响应式 SVG 进度条
ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。
3.TogetherJS:一个免费开源的JavaScript库
TogetherJS是一个免费、开源的 JavaScript 库,来自 Mozilla 实验室,可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中,您的用户可以在实时的互相帮助!当然还有很多其它的可以应用的场合,值得一试。
4.根据图片亮度智能切换元素样式
BackgroundCheck 是一个轻量的 JavaScript 库,能够根据元素后面的图片的亮度自动切换元素样式。例如在图片幻灯片功能中,根据图片亮度调整导航箭头的颜色,这样让图片和导航的颜色形成一定的对比度,更清晰。类似可以使用的地方还有固定导航,在滚动下拉的时候根据文本背面的图片自动修改颜色等等。
5.帮助自定义选择框样式的Javascript – DropKick.js
当你想要设计一个页面样式时,没有什么比表单更让人头疼了。而当你设计一个表单的样式时,最让你头疼的就应该非下拉框<select>莫属了。我们可以使用CSS来给<select>定一个样式,但是只用CSS的话,这里就会有很大的局限性。通常情况下,唯一的可行选择就是用JavaScript来做下拉框的样式。在这篇文章中,我们使用DropKick – 一个jQuery的插件,来创建我们的下拉列表。它做了什么呢?DropKick将<select>列表转换成完全自定义的HTML元素做的下拉列表,而当你选择了一个下拉选项时,这个选项对应的选项值会更新成表单的一部分。好了,现在让我们开始吧!
6.FullPage.js:轻松实现全屏滚动(单页网站)效果
FullPage.js 是一个简单而易于使用的插件,用来创建全屏滚动网站(也被称为单页网站)。除了可以创建全屏滚动效果以外,也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸,包括平板电脑和移动设备。
7.捕获键盘输入的 JavaScript 库
Keypress 是一个强大的 JavaScript 库,用于捕获键盘输入。这是一个有非常特殊的功能的输入捕获库,它是很容易掌握和使用,并且不依赖第三方库。在网站开发中,经常会碰到需要处理键盘输入的场景,处理起来繁琐。现在有了这个键盘输入处理的库就很方便了。
8.HTML(.js) – 最简单的方式操作 DOM 的 JS 库
HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法。 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法。相比 jQuery、YUI、MooTools 等 JavaScript 库已经有这样的功能,这个框架不包裹或隐藏原生 DOM,而是暴露和增强,而且非常轻量。
9.支持触摸的 jQuery 响应式传送带插件
Owl Carousel 是一个 jQuery 插件,使我们能够迅速地创建响应式传送带滑块。这个插件是触摸友好的,能与几乎任何的 HTML 内容兼容使用。另外,强大的选项设置支持分页/滑动速度,启用/禁用自动播放,显示子弹导航等等。
10.纯css3实现的文字亮光特效
今天给大家分享一款纯css3实现的文字亮光特效。这款特效文字上一道亮光逐渐扫过文字。效果非常漂亮。
转载请注明:10个jQuery动画插件效果演示和下载 - 编程知识库
下一篇:常用JS验证和函数
您可能还会对这些文章感兴趣
2016-12-23 377次【 ios开源代码库】27 款 iOS 开源库让你的开发溜到飞起
我爱开源。 我也爱开发者们,他们花费大量宝贵的时间创造出如此惊人的东西,然后与其他人分享,而不要求任何回报。开源作者和贡献者们,你们令人敬佩。感谢你们所有的工作。 我在处理自己的 App 的日常工作中,收藏了一些 iOS 开源库,本文我只从中选择了一...
2016-12-20 823次产品经理必备的13款效率工具
工欲善其事,必先利其器。互联网公司的产品经理在日常工作中离不开一些专业工具软件的支持。现在就结合产品经理的具体工作内容,给大家分享一些比较实用的工具软件,它们涵盖思维导图制作、产品文档写作与协作、产品原型设计、流程图制作、产品演示和数据分析等各个...
2016-12-20 1,109次nodePPT可能是迄今为止最好的网页版 PPT
nodePPT – 让你爱上做分享! 为什么选择nodePPT 这可能是迄今为止最好的网页版PPT 基于GFM的markdown语法编写 支持html混排,再复杂的demo也可以做! 导出网页或者pdf更容易分享 支持18种转场动画,可以设置单页动画 支持单页背景图片 多种模式:overview模式...
2016-12-20 303次免费的天气预报API 包含谷歌 雅虎 中央气象台
Google Weather API 仅仅支持美国地区使用邮政编码进行查询,比如: http://www.google.com/ig/api?hl=zh-cn&weather=94043 (94043 为 山景城, 美国加州 的邮政编码) 而除了美国以外的地区须要使用经纬度坐标作为參数才干运行 Google Weather API, 比如: http://w...
大家正在看
- linux 系统中Mysql 进程占用cpu过高的解决
- 二类电商是什么意思? 二类电商有哪些?暴利二类电商还好做吗?
- 【二类电商广点通投放指南】二类电商广点通投放值不值
- 密码保护:支付宝突破微信封锁唤起支付宝代码
- Host is not allowed to connect to this MySQL server解决方法
- 密码保护:移动端js自动复制代码
- linux数据库调优,WordPress MySQL占用cpu高数据库优化
- 2017 年十大网页设计趋势
- 网页端的VR实现离我们还远么?
- 最完整的Chrome浏览器客户端调试大全
- iPhone用户人均每天遭电话骚扰1次
- 3G电子化销售服务系统
- Java WeakReference的理解与使用
- 搞清楚 Python traceback