久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區(qū)

標題: 過年啦??給咱小站也來一場壯麗的??煙火表演秀吧 [打印本頁]

作者: 9527    時間: 2025-1-24 10:20
標題: 過年啦??給咱小站也來一場壯麗的??煙火表演秀吧
本帖最后由 9527 于 2025-1-24 10:29 編輯

(, 下載次數: 20)
只用把以下代碼放到后臺 - 全局 - 站點信息 - 網站第三方統(tǒng)計代碼

  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. <script>
  8. document.getElementById('fireworks-btn').addEventListener('click', function () {
  9.     const container = document.getElementById('fireworks-container');
  10.     const iframe = document.getElementById('fireworks-iframe');

  11.     if (container.style.display === 'none' || container.style.display === '') {
  12.         if (!iframe.src) {
  13.             iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';
  14.         }
  15.         container.style.display = 'block';
  16.     } else {
  17.         container.style.display = 'none';
  18.     }
  19. });
  20. </script>
復制代碼


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

如需本地部署可下載 (, 下載次數: 66) 解壓后傳至站點根目錄,然后將上面iframe.src = 'https://cn.admxn.com/fireworks/dist/index.html';中的域名改為你的域名即可



作者: 龍二哥    時間: 2025-1-24 14:19
看起來不錯,挺應景的,謝謝大大的分享。
作者: 無言以對2012    時間: 2025-1-24 23:12
打開demo沒有煙花啊
作者: 頑童不老    時間: 2025-1-25 08:50
看看。感謝您的分享。
作者: 影子江湖    時間: 2025-1-25 16:33
感謝分享  
作者: 風吹故人香    時間: 2025-1-25 19:32
<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
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: ??.??~喵??    時間: 2025-1-27 08:57
好耶???
作者: foxccs    時間: 2025-1-27 17:44
kankan看看
作者: 9527    時間: 2025-2-5 08:17
無言以對2012 發(fā)表于 2025-1-24 23:12
打開demo沒有煙花啊

頁面右下角有個小按鈕??
作者: 哥特    時間: 2025-3-15 20:59
很不錯的,收下啦




歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/) Powered by Discuz! W1.0