如何用JavaScript制作网页烟花动画特效？
- 内容介绍
- 文章标签
- 相关推荐
本文共计484个文字，预计阅读时间需要2分钟。
原生js实现烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！+ 效果图： + CSS代码： + * { padding: 0px; margin: 0px; background: }
原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！
效果图：
CSS代码：
*{ padding: 0px; margin: 0px; background: #000; } .firworks{ width: 6px; height: 6px; position: absolute; }
js代码：
<script type="text/javascript"> //封装一个颜色随机的效果 function randomColor(){ var color = "rgb(" var r = parseInt(Math.random()*256); var g = parseInt(Math.random()*256); var b = parseInt(Math.random()*256); color = color+r+","+g+","+b+")"; return color; } //创建一个制造烟花的构造函数，第一个参数为元素，第二参数为初始x轴位置，第三参数为y轴位置。
本文共计484个文字，预计阅读时间需要2分钟。
原生js实现烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！+ 效果图： + CSS代码： + * { padding: 0px; margin: 0px; background: }
原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！
效果图：
CSS代码：
*{ padding: 0px; margin: 0px; background: #000; } .firworks{ width: 6px; height: 6px; position: absolute; }
js代码：
<script type="text/javascript"> //封装一个颜色随机的效果 function randomColor(){ var color = "rgb(" var r = parseInt(Math.random()*256); var g = parseInt(Math.random()*256); var b = parseInt(Math.random()*256); color = color+r+","+g+","+b+")"; return color; } //创建一个制造烟花的构造函数，第一个参数为元素，第二参数为初始x轴位置，第三参数为y轴位置。