|
只用把以下代码放到后台 - 全局 - 站点信息 - 网站第三方统计代码
- <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, 下载次数: 20)
解压后传至站点根目录,然后将上面iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';中的域名改为你的域名即可
|
|