这是一款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%'
});