带关闭按钮的右下角图片广告

最新推荐文章于 2024-04-21 11:00:35 发布

CammileLiu

最新推荐文章于 2024-04-21 11:00:35 发布

阅读量2.4k

点赞数 2

分类专栏： js 文章标签： html js

本文链接：https://blog.csdn.net/liufengfengcoc/article/details/47722275

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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>

CammileLiu

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
带关闭按钮的右下角图片广告

带关闭按钮的右下角图片广告 //定位层的函数 function posRightCorner() { //top放到高度-120 的位置，120大概就是div的高度 ad.style.top = document.body.scrollTop + document.body.clientHeight-120; //left放到宽度-200 的位置，200大概就
复制链接

扫一扫