过年啦🎊给咱小站也来一场壮丽的🎇烟火表演秀吧

9527 · 發表於 2025-1-24 10:20:46

只用把以下代码放到后台 - 全局 - 站点信息 - 网站第三方统计代码

<button id="fireworks-btn" title="烟火秀" style="position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 1000;">
🎆
</button>
<div id="fireworks-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;">
<iframe id="fireworks-iframe" style="width: 100%; height: 100%; border: none; opacity: 0.8;"></iframe>
</div>
<script>
document.getElementById('fireworks-btn').addEventListener('click', function () {
const container = document.getElementById('fireworks-container');
const iframe = document.getElementById('fireworks-iframe');
if (container.style.display === 'none' || container.style.display === '') {
if (!iframe.src) {
iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';
}
container.style.display = 'block';
} else {
container.style.display = 'none';
}
});
</script>

返回前端就能看到右下角的烟火小按钮啦
DEMO:https://cn.admxn.com/

如需本地部署可下载fireworks.zip(93.88 KB, 下载次数: 367)2025-1-24 10:12 上传点击文件名下载附件解压后传至站点根目录，然后将上面iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';中的域名改为你的域名即可

域名, hide, size, 本帖, 最后

龙二哥 · 發表於 2025-1-24 14:19:31

看起来不错，挺应景的，谢谢大大的分享。

无言以对2012 · 發表於 2025-1-24 23:12:27

打开demo没有烟花啊

顽童不老 · 發表於 2025-1-25 08:50:56

看看。感谢您的分享。

影子江湖 · 發表於 2025-1-25 16:33:00

感谢分享

风吹故人香 · 發表於 2025-1-25 19:32:51

<button id="fireworks-btn" title="烟火秀" style="position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 1000;">
🎆
</button>
<div id="fireworks-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;">
<iframe id="fireworks-iframe" style="width: 100%; height: 100%; border: none; opacity: 0.8;"></iframe>
</div>

<script>
document.getElementById('fireworks-btn').addEventListener('click', function () {
const container = document.getElementById('fireworks-container');
const iframe = document.getElementById('fireworks-iframe');

if (container.style.display === 'none' || container.style.display === '') {
      if (!iframe.src) {
         iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';
      }
      container.style.display = 'block';
} else {
      container.style.display = 'none';
}
});
</script>

海哥 · 發表於 2025-1-26 17:30:03

顶楼主啦..希望楼主多发精品好帖啦.....

？？.⁧⁧~喵⁧‭ · 發表於 2025-1-27 08:57:16

好耶✌🏻

foxccs · 發表於 2025-1-27 17:44:02

kankan看看

9527 · 發表於 2025-2-5 08:17:49

页面右下角有个小按钮🎆

[教程] 过年啦🎊给咱小站也来一场壮丽的🎇烟火表演秀吧

瀏覽過的版塊