10款HTML5 Canvas 实现的 Loading 效果

1.HTML5自定义文字背景生成QQ签名档

这是一款利用HTML5实现的自定义文字背景应用，首先我们可以输入需要显示的文字，并且为该文字选择一张背景图片，背景图片就像蒙版一样覆盖在文字上。点击生成QQ签名档即可将文字背景融为一体生成另外一张图片，你也可以下载这张拥有你QQ签名档的图片。

在线演示

源码下载

2.jQuery动画二级下拉菜单

对于jQuery菜单，大家已经非常熟悉了，我们也已经分享过很多jQuery菜单和CSS3菜单。今天要介绍的这款jQuery菜单是二级下拉菜单，并且在子菜单展开的时候出现动画效果。更为特别的是，鼠标滑过子菜单项时会产生该菜单项的提示。

在线演示

源码下载

3.jQuery实现的简易日历控件

之前我们已经分享过不少基于jQuery的日历控件了，比如jQuery多功能日历插件 带事件记录功能就非常经典。今天要介绍的也是一款基于jQuery的日历控件，这款日历控件非常简易，鼠标点击输入框时即可弹出日历选择日期，代码很简单，日历的配置使用也比较容易。

在线演示

源码下载

4.jQuery弹出层对话框 外观优雅带遮罩

今天我们要来分享一款基于jQuery的弹出层对话框插件，该插件包含多种对话框类型，比如提示框、确认框等。更为实用的是，这款jQuery对话框中的按钮事件也可以被我们所捕获，从而相应对话框按钮的各种事件，用起来非常方便。

在线演示

源码下载

5.HTML5 Canvas 实现的 Loading 效果

Sonic.js 是一个很小的 JavaScript 类，用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。

在线演示

源码下载

6.Sequence.js – 视差滚动特效图片滑块

Sequence.js 功能齐全，除了能实现之前分享过的现代的图片滑动效果，还可以融合当前非常流行的视差滚动（Parallax Scrolling）效果。让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。

在线演示

源码下载

7.Matter.js – 你不能错过的 2D 物理引擎

Matter.js 是一个 JavaScript 2D 刚体物理引擎的网页。Matter.Engine 模块包含用于创建和操作引擎的方法。这个引擎是一个管理更新和渲染世界的模拟控制器。 Matter.js 目前是测试版本，这意味着 API 仍在开发中，可能偶尔会发生变化。

在线演示

源码下载

8.Materialize – 响应式 Material Design 框架

由谷歌创建和设计的 Material Design（材料设计）是一种设计语言，结合成功的设计的经典原则以及创新科技。谷歌的目标是开发一个设计系统，让所有的产品在任何平台上拥有统一的用户体验。Materialize 是一个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。

在线演示

源码下载

9.Gulp.js 参考手册，自动化构建利器

Gulp 是最新的基于 Node 的自动化构建工具，希望能够取代 Grunt，成为最流行的 JavaScript 任务运行器。通过结合 NodeJS 的数据流的能力，只需几步就能搭建起自己的自动化项目构建工具。这里给大家分享一份很棒的 Gulp 速查手册。

在线演示

源码下载一

源码下载二

10.全屏侧滑导航栏

分享一款全屏侧滑导航栏，该效果的灵感来源于Hello Monday的设计理念,它将侧滑菜单的特点在整站中发挥到极致！

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款HTML5 Canvas 实现的 Loading 效果