<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动广告</title>
<script>
var flagx=true;
var flagx=true;
function piao(){
var obj=document.getElementById("ad");
var x=parseInt(obj.style.left);
var y=parseInt(obj.style.top);
var R=document.documentElement.clientWidth-obj.offsetWidth;
var B=document.documentElement.clientHeight-obj.offsetHeight;
if(x>R){
flagx=false;
}
if(x<5){
flagx=true;
}
if(y>B){
flagy=false;
}
if(y<5){
flagy=true;
}
x=flagx? x+=2:x-=2;
y=flagx? y+=1:y-=1;
obj.style.left=x+"px";
obj.style.top=y+"px";
}
var timer;
function start(){
timer= setInterval(piao,10);
}
function stop(){
clearInterval(timer);
}
function closex(){
document.getElementById("ad").style.display="none";
}
</script>
</head>
<body onload="start()">
<div id="ad"
style="width:120px;height:120px;position: absolute;left:5px;top:5px;"
onmousemove="stop()" onmouseout="start()">
<input type="button" value="关闭" onclick="closex()"
style="position: absolute;left:58px;">
<a href="success.html">
<img src="706.png" width="100%" height="120" border="0">
</a>
</div>
<div id="header">
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请
勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿
插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
</div>
<div id="container">
<h1>网页主体</h1>
广告专场，请勿插播电视剧！ 广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
</div>
<div id="footer">
<h1>网页尾部</h1>
广告专场，请勿插播电视剧！ 广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！广告专场，请勿插播电视剧！
</div>
</body>
</html>
