js广告代码隐藏模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广告隐藏模板</title>
    <style>
        #ad-container {
            display: none;
        }
    </style>
</head>
<body>
    <div id="main-content">
        <!-- 主要内容 -->
    </div>
    <div id="ad-container">
        <!-- 广告内容将在这里加载 -->
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 模拟异步加载广告内容
            setTimeout(function() {
                var adContainer = document.getElementById('ad-container');
                adContainer.innerHTML = '<img src="path/to/ad.jpg" alt="广告">';
                adContainer.style.display = 'block';
            }, 2000); // 2秒后显示广告
        });
    </script>
</body>
</html>

var adContainer = document.getElementById('ad-container');
fetch('path/to/ad.json')
    .then(response => response.json())
    .then(data => {
        adContainer.innerHTML = data.adContent;
        adContainer.style.display = 'block';
    })
    .catch(error => {
        console.error('广告加载失败:', error);
        adContainer.innerHTML = '<p>广告加载失败，请稍后再试。</p>';
    });

#ad-container {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#ad-container.visible {
    opacity: 1;
}

document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        var adContainer = document.getElementById('ad-container');
        adContainer.innerHTML = '<img src="path/to/ad.jpg" alt="广告">';
        adContainer.classList.add('visible');
    }, 2000);
});