HTML+Jquery实现2022跨年烟花特效，除夕最炫烟花代码，跨年怎能没有烟花_跨年html-程序员宅基地

技术标签：除夕最炫烟花代码神奇的HTML 前端 2022跨年烟花秀烟花 jquery

前言

博客主页：在下马农的碎碎念

本文由在下马农原创，首发于CSDN

首发时间：2021/12/31

最近更新时间：2021/01/24

此马非凡马，房星本是星。向前敲瘦骨，犹自带铜声。

作者水平有限，如发现错误，请留言轰炸哦！万分感谢！

欢迎关注点赞收藏️留言先赞后看，腰缠万贯

《《神奇的HTML总目录》》

汇集所有绚丽HTML效果，分享所有源码，小白也可体验前端HTML的乐趣

目录传送门：神奇的HTML

在这里插入图片描述

我用尽了全力，过着平凡的一生。
——《月亮与六便士》

在这里插入图片描述
以下是正文

一、效果展示

烟花秀代码已部署上线，点击下方链接即可查看美丽的烟花秀！！！！

在线展示链接：烟花秀

二、不多哔哔，直接上代码

全部代码（Html）:

<!DOCTYPE html>
<html lang="zh">
<head><title>2022 Happy New Year! ! ! !</title></head>
<body>
	<div class="firework-container" >
		<header>
			<h1 style = "text-align:center">2022 HappyNewYear! ! ! !</h1>
		</header>
	</div>
	<!-- <audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" src="Fire.mp3" ></audio> -->
	<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">
		$('.firework-container').fireworks({
       
		  sound: false, // sound effect
		  opacity: 0.9, 
		  width: '100%', 
		  height: '100%' 
		});
	</script>
</body>
</html>

三、需要的文件

1、 jquery.fireworks.js

插件描述：jquery-fireworks.js是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单，并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。

使用方法：

在页面引入jquery和jquery.fireworks.js文件。

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>

在页面放一个div容器

<div class="firework-container" >
</div>

最后初始化插件

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

2、jquery-1.11.0.min.js

3、没了，简单粗暴

四、源代码分享

有需要源码的小伙伴可以扫描下方二维码回复关键词烟花！
在这里插入图片描述

最新文章：
2023升级版3D烟花分享，还不来看看

绝美2023兔圆圆除夕跨年3D烟花秀倒计时源码分享

《《神奇的HTML总目录》》

汇集所有绚丽HTML效果，分享所有源码，小白也可体验前端HTML的乐趣

目录传送门：神奇的HTML

本文链接：https://blog.csdn.net/mataojie/article/details/122246299

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

指针数组，二级指针，指向含有N个元素的一维数组的指针，指针的函数调用。_数组指针指向一维数组-程序员宅基地

文章浏览阅读839次，点赞2次，收藏3次。讲解指针数组，指向含有N个元素的一维数组的指针，和指针的函数调用问题。。。_数组指针指向一维数组

如何禁止不必要的 HTTP 方法，如DELETE，PUT，OPTIONS等协议访问应用程序_如何禁止delete,put,options-程序员宅基地

文章浏览阅读1.7w次。一、修改应用程序的server.xml文件的协议为HTTPS, disableUploadTimeout="true" enableLookups="false" maxThreads="25" keystoreFile="d:\tomcat.keystore" keystorePass="111111" protocol="org.apache.coyote_如何禁止delete,put,options

Docker 火了！外部网络可直接访问映射到 127.0.0.1 的服务。。。-程序员宅基地

文章浏览阅读130次。点击上方“Java基基”，选择“设为星标”做积极的人，而不是积极废人！每天14:00更新文章，每天掉亿点点头发...源码精品专栏原创 | Java 2021超神之路，很肝~中文详细注释的开源项目RPC 框架 Dubbo 源码解析网络应用框架 Netty 源码解析消息中间件 RocketMQ 源码解析数据库中间件 Sharding-JDBC 和 MyCAT 源码解析...

教授专栏20 | 吴若昊团队: 利用血液游离DNA诊断败血症-程序员宅基地

文章浏览阅读462次。文 /吴若昊教授、敬秋雨博士2020年世界卫生组织发布全球首份败血症报告，呼吁对这一导致全世界1/5死亡的疾病采取全球行动。根据报告，败血症每年导致1100万人死亡，同时还使数百万人丧失能力，给医疗卫生系统造成了极大的负担和经济损失。另外有研究发现，COVID-19以及其他传染病的危重病人患败血症和死亡的风险更高。报告同时指出，通过及时发现和诊断败血症，可以极大程度降低..._敬秋雨

[百科] - SIP（会话发起协议）-程序员宅基地

文章浏览阅读387次。SIP（会话发起协议）SIP是类似于HTTP的基于文本的协议。SIP可以减少应用特别是高级应用的开发时间。由于基于IP协议的SIP利用了IP网络，固定网运营商也会逐渐认识到SIP技术对于他们的深远意义。SIPSIP(Session Initiation Protocol)是一个应用层的信令控制协议。用于创建、修改和释放一个或多个参与者的会话。这些会话可以是Internet多媒体会议[1] 、I..._itu-t提出sip

iOS 开发中常用的排序（冒泡、选择、快速、插入、希尔、归并、基数）算法-程序员宅基地

文章浏览阅读48次。https://www.cnblogs.com/ZachRobin/p/7094852.html1、冒泡排序：　　冒泡算法是一种基础的排序算法，这种算法会重复的比较数组中相邻的两个元素。如果一个元素比另一个元素大（小），那么就交换这两个元素的位置。重复这一比较直至最后一个元素。这一比较会重复n-1趟，每一趟比较n-j次，j是已经排序好的元素个数。每一趟比较都能找出未排序元素中最大..._ios开发升序排序

随便推点

【渗透测试】kali使用教程（一）：常用命令和基本工具使用_kali渗透教程-程序员宅基地

文章浏览阅读4w次，点赞36次，收藏316次。kali教程_kali渗透教程

微软改进的DSSM结构：_dssm改进 2023-程序员宅基地

文章浏览阅读190次。最近，微软的学者们又提出了一个观点：query与doc的相关程度是由query里的term与doc文本精准的匹配，以及query语义与doc语义匹配程度共同决定。而且，term匹配与term在doc中的位置和紧密度有较大关系。因此，他们用一个local model来表达term匹配程度，distribute model表达语义匹配程度，把这两个子模型放在同一个模型来训练。distribute model类似与DSSM来学习语义匹配关系。Local model的输入是一个nq∗ndnq∗nd的矩阵mm，..._dssm改进 2023