页面加载完成之后,自动打开一个广告弹出框,
10秒中之后自动关闭,关闭之前,在这个弹出框中有至少两个功能.
HTML部分
<div id="box">
<input type="button" value="X" id="btn">
</div>
CSS
#box {
width: 200px;
height: 200px;
border: 1px red solid;
position: absolute;
right: 0px;
bottom: 0px;
background: #ccc;
display: none;
}
JS
//页面加载完成后运行
window.onload = function () {
//获取节点
var box = document.getElementById('box');
var btn = document.getElementById('btn');
//设置大盒子为
box.style.display = 'block';
var t = setTimeout(function () {
box.style.display = 'none';
}, 10000);
btn.onclick = function fn() {
box.style.display = 'block';
//点击重定位,流氓网站做法
location.replace('http://baidu.com/');
}
}