ad_id_for_555='555_130';document.write('<style> /* 跑馬燈 */ #ad-marquee { position: absolute; bottom: 100%; left: 0; width: 300px; height: 34px; overflow: hidden; background: rgba(255, 255, 255, 0.95); border-radius: 8px 8px 0 0; white-space: nowrap; z-index: 20; } #ad-marquee span { display: inline-block; padding-left: 100%; color: #ff6600; font-size: 20px; font-weight: bold; line-height: 34px; animation: marquee 7s linear infinite; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } #floating-ad { position: fixed; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); width: 300px; height: 250px; z-index: 999999; background: #fff; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); overflow: visible; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(100% + 40px)); transition: transform 2.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.5s ease, visibility 0s linear 2.5s; } #floating-ad.show { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition: transform 2.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.5s ease, visibility 0s linear 0s; } #floating-ad iframe { display: block; width: 300px; height: 250px; border: 0; border-radius: 10px; } /* 關閉按鈕 */ #ad-close { position: absolute; top: 6px; right: 6px; z-index: 30; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 22px; line-height: 30px; text-align: center; cursor: pointer; } #ad-close:hover { background: rgba(220, 0, 0, 0.9); } /* 小螢幕 */ @media (max-width: 340px) { #floating-ad { right: 10px; width: calc(100vw - 20px); } #floating-ad iframe { width: 100%; } #ad-marquee { width: 100%; } } </style> <div id="floating-ad"> <!-- 廣告上方跑馬燈 --> <div id="ad-marquee"> <span>免費 互動直播秀 </span> </div> <!-- 關閉按鈕 --> <button id="ad-close" type="button" aria-label="關閉廣告"> × </button> <!-- 300×250 廣告 --> <iframe title="300×250 浮動廣告" width="300" height="250" src="https://go.whitetrafsa.com/smartpop/2478fde956a662d2f0b7fc4e814e058db9e33e78b82950007d262543797a1d79?userId=3cc3fdb766c55447180da1ee71a9d2381c3489601e03a55126c927bbf0c15ae2" loading="lazy"> </iframe> </div> <script> (function () { const floatingAd = document.getElementById("floating-ad"); const adClose = document.getElementById("ad-close"); let autoCloseTimer; let isClosing = false; function closeAd() { if (isClosing) return; isClosing = true; clearTimeout(autoCloseTimer); /* 廣告緩慢下降並淡出 */ floatingAd.classList.remove("show"); setTimeout(function () { floatingAd.style.display = "none"; }, 2500); } function showAd() { floatingAd.classList.add("show"); /* 顯示後 20 秒自動關閉 */ autoCloseTimer = setTimeout(closeAd, 20000); } /* 網頁載入 20 秒後顯示 */ window.addEventListener("load", function () { setTimeout(showAd, 20000); }); /* 手動關閉 */ adClose.addEventListener("click", closeAd); })(); </scr'+'ipt>');