js广告对联

最新推荐文章于 2023-01-29 10:15:00 发布

Jxchen

最新推荐文章于 2023-01-29 10:15:00 发布

阅读量1.5k

点赞数 1

分类专栏： js广告对联 js对联对联广告 javascript

本文链接：https://blog.csdn.net/jacky_jxchen/article/details/8609632

版权

javascript 同时被 3 个专栏收录

24 篇文章 0 订阅

订阅专栏

js广告对联

1 篇文章 0 订阅

订阅专栏

js对联

1 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>对联js</title>
<style>
*{ margin:0; padding:0;}
#content{ width:960px; height:3000px; margin:0 auto; border:1px solid #CCC;}
#advLeft,#advRight{ position:fixed; top:100px; width:100px; height:400px; background:#CCC;}
#advLeft{ left:50%; margin-left:-591px;}
#advRight{ left:50%; margin-left:491px;}
</style>
</head>

<body>
<div id="content">
</div>
<a id="advLeft" href="javascript:;">左</a>
<a id="advRight" href="javascript:;">右</a>
<script>
window.onload = function()
{
	ie6Fixed('advLeft','advRight');
}

function ie6Fixed(oAdvLeft,oAdvRight)
{
	if(window.navigator.userAgent.indexOf('MSIE 6')==-1){return '';}//如果浏览器非IE6则返回;
	var oAdvL = document.getElementById(oAdvLeft);//获取左联
	var oAdvR = document.getElementById(oAdvRight);//获取右联
	var iAdvTop = parseInt(getStyle(oAdvL,'top'));//获取对联的初始顶部值
	var iAdvHeight = parseInt(getStyle(oAdvL,'height'));//获取对联的初始高度值
	
	oAdvL.style.overflow = oAdvR.style.overflow = 'hidden';
	oAdvL.style.position = oAdvR.style.position = 'absolute';
	
	window.onscroll = window.onresize = function()//当页面滚动或者页面缩放时
	{
		if(document.documentElement.clientHeight <= iAdvHeight + iAdvTop)//如果窗口高度小于等于对联的初始高度与初始顶部值之和
		{
			setScrollTop(getScrollTop());//设置scrollTop
			oAdvL.style.height = oAdvR.style.height = Math.max(0,document.documentElement.clientHeight-iAdvTop) + 'px'; //设置对联的高度，防止页面滚动到底部时继续向下滚动
		}
		else
		{
			oAdvL.style.height = oAdvR.style.height = iAdvHeight + 'px';//如果窗口高度大于对联的初始高度与初始顶部值之和还原对联初始值
		}
		
		oAdvL.style.top = oAdvR.style.top = getScrollTop()+iAdvTop+'px';//设置对联的顶部值
	}	
	
	//获得scrollTop
	function getScrollTop()
	{
		return document.documentElement.scrollTop || document.body.scrollTop;
	}
	//设置scrollTop
	function setScrollTop(iScrollTop)
	{
		document.documentElement.scrollTop = document.body.scrollTop = iScrollTop;
	}
	//获得计算后的样式
	function getStyle(obj,attr)
	{
		return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];
	}
}
</script>
</body>
</html>

Jxchen

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js广告对联

对联js*{ margin:0; padding:0;}#content{ width:960px; height:3000px; margin:0 auto; border:1px solid #CCC;}#advLeft,#advRight{ position:fixed; top:100px; width:100px; height:400px; background:#CCC;}
复制链接

扫一扫