网站对联广告位代码分享 - 亦辰娱乐网

网站对联广告位代码分享

作者: guan52099

全网最全的网络资源分享网站

手机扫码查看
最省钱优惠卷 欢乐夹娃娃 文章阅读页最好位置

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

以下是html对联广告位代码,如果您需要,可以复制粘贴使用。
<!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)
{ www.xminseo.com
document.documentElement.scrollTop = document.body.scrollTop = iScrollTop;
}
//获得计算后的样式
function getStyle(obj,attr)
{
return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];
}
}
</script>
</body>
</html>​
分享到:
打赏
未经允许不得转载:

作者: guan52099, 转载或复制请以 超链接形式 并注明出处 亦辰娱乐网
原文地址: 《网站对联广告位代码分享》 发布于2019-11-23

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap