html5+canvas全屏烟花动画特效

html5+canvas全屏烟花动画特效

演示地址:http://dt.57bk.xyz/

这是一款html5+canvas全屏烟花动画特效_html5动画_html5特效_jquery烟花动画、该插件使用简单,并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。

开始使用

引入指定CSS和JS

<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>
<script type="text/javascript">
	$('.demo').fireworks({ 
	  sound: false, // sound effect
	  opacity: 0.9, 
	  width: '100%', 
	  height: '100%' 
	});
</script>

在页面DOM元素加载完毕之后,可以通过fireworks()方法来初始化该烟花特效插件:

$('.demo').fireworks({ 
  sound: true, // 声音效果
  opacity: 0.9, 
  width: '100%', 
  height: '100%'
});

此处内容需要回复后才能查看

本文作者:舞夕博客
文章标题:html5+canvas全屏烟花动画特效
本文链接:http://www.57bk.xyz/archives/1
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录