jquery-fireworks是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单,并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。
在页面引入jquery和jquery.fireworks.js文件。
1 2 | < script type = "text/javascript" src = "js/jquery.min.js" ></ script > < script type = "text/javascript" src = "js/jquery.fireworks.js" ></ script > |
HTML结构
使用一个<div>元素作为烟花的容器。
1 | < div class = "demo" ></ div > |
初始化插件
在页面DOM元素加载完毕之后,可以通过fireworks()方法来初始化该烟花特效插件:
1 2 3 4 5 6 | $( '.demo' ).fireworks({ sound: true , // 声音效果 opacity: 0.9, width: '100%' , height: '100%' }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com