1.文字推荐位200元/年，需要联系QQ924994768
2.文字推荐广告位，帮你推广你的产品
3.文字推荐广告位，可以加粗、加颜色
打开手机浏览器，都是一个几秒的开屏广告，带有倒计时，一般为10秒，时间到了广告窗口自动关闭。不喜欢的话可以点击跳过。用JavaScript就可以实现定时关闭的广告，再加上倒计时效果和实现跳过的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定时关闭的广告</title>
<style type="text/css">
.main img {
width: 100%;
}
.adv {
position: absolute;
z-index: 9;
width: 616px;
height: 395px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.adv .right {
position: absolute;
right:0;
top:10px;
font-size: 14px;
color:#fff;
cursor: pointer;
background-color: #333;
border-radius: 10px;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
}
</style>
</head>
<body>
<div class="main">
<img src="images/ad.png">
</div>
<div class="adv">
<div class="right">
<span id="counting">5</span>秒跳过
</div>
<div><img src="images/adv.png" ></div>
</div>
<script>
function closeAdv() { //关闭广告窗口
document.querySelector('.adv').style.display = "none";
}
//点击跳过，关闭广告
var skip = document.querySelector('.right');
skip.addEventListener('click',closeAdv)
//倒计时关闭广告
var seconds = 5; //秒数
var count = setInterval(countDown, 1000);
function countDown() { //倒计时函数
seconds--;
if (seconds == 0) {
closeAdv();
clearInterval(count);
}else{
document.querySelector("#counting").innerText = seconds;
}
}
</script>
</body>
</html>
立即
返回
1
用自定义表单为dedebiz网站制作一个留言板的方法：...