過年啦??給咱小站也來一場壯麗的??煙火表演秀吧

9527

登錄/注冊后可看大圖

只用把以下代碼放到后臺 - 全局 - 站點信息 - 網站第三方統計代碼

1. <button id="fireworks-btn" title="煙火秀" style="position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 1000;">
   
2.     ??
   
3. </button>
   
4. <div id="fireworks-container" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;">
   
5.     <iframe id="fireworks-iframe" style="width: 100%; height: 100%; border: none; opacity: 0.8;"></iframe>
   
6. </div>
   
7. 
   
8. <script>
   
9. document.getElementById('fireworks-btn').addEventListener('click', function () {
   
10.     const container = document.getElementById('fireworks-container');
    
11.     const iframe = document.getElementById('fireworks-iframe');
    
12. 
    
13.     if (container.style.display === 'none' || container.style.display === '') {
    
14.         if (!iframe.src) {
    
15.             iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';
    
16.         }
    
17.         container.style.display = 'block';
    
18.     } else {
    
19.         container.style.display = 'none';
    
20.     }
    
21. });
    
22. </script>

復制代碼

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

如需本地部署可下載 fireworks.zip (93.88 KB, 下載次數: 360)

2025-1-24 10:12 上傳

點擊文件名下載附件

解壓后傳至站點根目錄，然后將上面iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';中的域名改為你的域名即可

游客，如果您要查看本帖隱藏內容請回復

龍二哥

看起來不錯，挺應景的，謝謝大大的分享。

無言以對2012

打開demo沒有煙花啊

頑童不老

看看。感謝您的分享。

影子江湖

感謝分享  

風吹故人香

<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>

海哥

頂樓主啦..希望樓主多發(fā)精品好帖啦.....

？？.??~喵??

好耶???

foxccs

kankan看看

9527

無言以對2012 發(fā)表于 2025-1-24 23:12
打開demo沒有煙花啊

頁面右下角有個小按鈕??