JS实现的雪花飘落特效示例

本文实例讲述了JS实现的雪花飘落特效。分享给大家供大家参考，具体如下：

首先我们要创建一个HTML文件，将其命名为index.html

 
 
 
 *{
  margin:0px;
  padding:0px;
 }
 .myCanvas{
  float:left;
  background:rgba(0,0,0,0);
 }
 


  

在上面的代码中，我们创建了一个canvas画布，并且设置他为浮动，背景色无（如果这里不设置浮动，那么等下获取整个屏幕的大小赋给他的时候是会产生边距的）

接下来的Javascript代码

到此雪花落下的结果就已经实现了

这里使用在线HTML/CSS/Javascript前端代码调试运行工具：http://tools.jb51.net/code/WebCodeRun测试上述代码，可得如下运行效果：

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript运动效果与技巧汇总》、《Javascript切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。