<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>广告弹框</title>
<style type="text/css">
#ad{
width:300px;
height:300px;
background-color:antiquewhite;
position:fixed;
bottom:0px;
right:0px;
display:none;
}
</style>
<script type="text/javascript">
function init(){
// setTimeout(showAd,2000);
setInterval(showAd,5000);
}
function showAd(){
var ad = document.getElementById("ad");
ad.style.display = "block";
}
function closeAd(){
var ad = document.getElementById("ad");
ad.style.display = "none";
}
</script>
</head>
<body onload="init()">
<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />31<br />32<br />33<br />34<br />35<br />36<br />37<br />38<br />39<br />40<br />41<br />42<br />43<br />44<br />45<br />46<br />47<br />48<br />49<br />50<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />123
<div id="ad">
<button onclick="closeAd()">关闭</button>
</div>
</body>
</html>
----------广告弹框
1,广告的位置
网页的正上方
网页正中间
网页右下角
2,弹出的时间
网页加载的时候 onload
定时弹出
只显示一次(定时隐藏)
每隔一段时间弹出