Firemaks.js网页放烟花动画效果插件JS实现超炫网页烟花效果

引入相关文件

<script src="jscripts/jquery-1.11.1.min.js"></script> 
<script src="jscripts/firemaks.js" type="text/javascript"></script>

定义颜色数组

var color1 = new Array( new Array({r:241,g:0,b:0},  {r:255,g:72,b:72},  {r:239,g:107,b:107},  {r:255,g:191,b:191},  {r:255,g:255,b:255}),
new Array({r:12,g:152,b:228},  {r:81,g:188,b:246},  {r:100,g:195,b:247},  {r:195,g:232,b:252},  {r:255,g:255,b:255}),

var color2 = new Array(
	new Array({r:255,g:0,b:0}),
	new Array({r:0,g:94,b:226}),
	new Array({r:214,g:214,b:214}),
	new Array({r:0,g:168,b:0}),
	new Array({r:231,g:234,b:0}),
	new Array({r:255,g:118,b:0}),
	new Array({r:0,g:205,b:255}),
	new Array({r:182,g:255,b:125}),
	new Array({r:255,g:0,b:123})	
	);

调用：

jQuery(document).ready(function(){
    //	
    $('body').firemaks({
		color: 'random', //颜色类型
		type: 'inherit',    //设置类别
		color_child: 'inherit', //小的颜色
		type_child: 'random', //设置小类别
		boom_count: 3
		});
});