逐帧动画有很多朋友读到这里，可能会觉得，逐帧动画跟 GIF 不应该是一样的么？逐帧动画即是利用一张等间距的动画分解逐帧图片，一般是由 js脚本模拟编写 。
Canvas(画布)能够更加方便的帮助你实现2D绘制图形图像及其各种动画效果功能。
HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷。
最终效果图如下： 图1需求分析圆形雪花本示例中雪花形状使用圆形雪花数量固定根据图1仔细观察白色雪花数量，飘落过程中，整张图的雪花数量应该是固定的，这个需求是需要通过我们观察分析所得。
我觉得html5是最新一代的超文本标记语言，我对这个应用很有感触，平时做这个工作就已经很顺手了，现在要介绍它的优点，必须要到位啊。
我就直接上代码了，里面的注释都很清晰。不懂的可以来问我。
那么接下来就基于这个特点开始瀑布流探索之旅。
我从网站上下载的，有的可以，但是兼容方面不好。在此求一兼容性好的瀑布流效果。必须兼容IE8 火狐 谷歌 360 等主流浏览器... 我从网站上下载的，有的可以，但是兼容方面不好。在此求一兼容性好的瀑布流效果。
一会儿我们会用 #masonry ID 和 .box 类来触发使用瀑布流。
在网页中实现瀑布流效果方法：传统多列浮动 各列固定宽度，并且左浮动；一列中的数据块为一组，列中的每个数据块依次排列即可；更多数据加载时，需要分别插入到不同的列上。
首先打开你的dw，按快捷键ctrl+n创建一个新的网页。点菜单栏上的表格，插入一个表格。在属性栏设置表格的宽和高，这个表格用于添加轮播广告，所以宽和高都要符合我们的广告图片的宽和高。
电脑打开美图秀秀，然后点击左上角的打开。点击打开之后，选择一张图片，然后点击打开。打开图片后，点击顶部的更多功能。点击更多功能后，点击闪图。点击闪图后，点击左侧的添加图片。
双击打开爱剪辑软件，在开始页面设置作品和作者的名称。在进入界面后点击页面上的添加视频选项。选中需要作为背景的视频素材并点击打开选项。将视频作为背景视频。
图片中的P标签里有图片，我这里设置P区块为宽高各100，用position：fixed定位，距离顶部100像素，右边0像素漂浮着，z-index：999就是层高，可以理解为层高越高就可以漂浮在网页上面。