<html>
<HEAD>
<title>带关闭按钮的右下角图片广告</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=Javascript>
//定位层的函数
function posRightCorner() {
//top放到 高度-120 的位置,120大概就是div的高度
ad.style.top = document.body.scrollTop + document.body.clientHeight-120;
//left放到 宽度-200 的位置,200大概就是div的宽度
ad.style.left = document.body.scrollLeft + document.body.clientWidth-200;
setTimeout("posRightCorner();",100); //用定时器检查和定位div的位置,浏览器每个100毫秒就重新检查和定位
}
//关闭函数
function closeAD(){
ad.style.display='none'; //隐藏div
}
//窗口加载完成以后定位
window.onload = function(){
//得到div的DOM对象
var ad = document.getElementById('ad');
posRightCorner(); //调用定位函数
}
</SCRIPT>
</HEAD>
<BODY style="margin 0px; text-align: center">
<!-- 定义右下角广告框的DIV -->
<div style="border: 1px solid black; z-index: 99999; width: 180px; position: absolute; height: 116px; background-color: rgb(201, 211, 243);" id="ad">
<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cfdef4">
<tbody>
<tr>
<td width="90%" valign="middle" height="24"></td>
<td width="" valign="middle" align="right">
<!-- 定义关闭链接按钮 -->
<a title="关闭" οnclick="closeAD()" style="cursor: pointer;">X</a>
</td>
</tr>
<tr>
<td height="90" colspan="3">
<!-- 广告内容,这里用一句话简单替代-->
Hello My AD!
</td>
</tr>
</tbody>
</table>
</div>
</BODY>
</html>
带关闭按钮的右下角图片广告
最新推荐文章于 2021-10-25 20:44:35 发布