香蕉成人伊视频在线观看|学生小视频国产区|yy女主播啪啪啪视频|麻豆传播媒体APP大全免费版官网|瑜伽牲交AV|国产欧美日韩在线天堂区|白浆精品国产91

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

標(biāo)題: 過(guò)年啦??給咱小站也來(lái)一場(chǎng)壯麗的??煙火表演秀吧 [打印本頁(yè)]

作者: 9527    時(shí)間: 2025-1-24 10:20
標(biāo)題: 過(guò)年啦??給咱小站也來(lái)一場(chǎng)壯麗的??煙火表演秀吧
本帖最后由 9527 于 2025-1-24 10:29 編輯

(, 下載次數(shù): 86)
只用把以下代碼放到后臺(tái) - 全局 - 站點(diǎn)信息 - 網(wǎng)站第三方統(tǒng)計(jì)代碼

  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>
復(fù)制代碼


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

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



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

頁(yè)面右下角有個(gè)小按鈕??
作者: 哥特    時(shí)間: 2025-3-15 20:59
很不錯(cuò)的,收下啦




歡迎光臨 Discuz! 官方交流社區(qū) (http://m.yu-jie.cn/) Powered by Discuz! X5.0