头像

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

2019-09-11 09:59:02 收藏 来源:it素材网   浏览(368)   评论 ( 0 )   

Firemaks.js网页放烟花动画效果插件JS实现超炫网页烟花效果
Firemaks.js网页放烟花动画效果插件JS实现超炫网页烟花效果,可自己根据需求配置不同效果
查看演示 下载资源:4 下载资源 下载积分:20

引入相关文件

<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
		});
});


声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/js/67.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!