JS实现对联浮动广告（初级）

最新推荐文章于 2024-07-23 03:41:07 发布

王征520

最新推荐文章于 2024-07-23 03:41:07 发布

阅读量1.4k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/u011247479/article/details/52247267

版权

本文介绍了一种使用JavaScript实现对联浮动广告的方法，尽管代码还有待优化，但为初学者提供了基础的实践指导。

摘要由CSDN通过智能技术生成

代码有待改善，多多见谅

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>对联广告</title>
	<style>
		#leftFloat{
			width: 200px;
			height: 280px;
			background-color: red;
			position: fixed;
			left: 0px;
			/*IE6兼容*/
			_position:absolute;
			_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/3);
		}
		#rightFloat{
			width: 200px;
			height: 280px;
			background-color: red;
			position: fixed;
			right: 0px;
			_position:absolute;
			_top:expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeigh)/3);
		}
		.close{
			height: 20px;
			width: 200px;
			background-color: pink;
			position: absolute;
			bottom: 0px;
			left:0px;
			text-align: center;
			font-size: 20px;			
		}
		.close a{
			text-decoration: none;
			color: #000;
		}
	</style>