老大能公开一下浮动div那点代码吗

rgone 发布于 2012/10/08 12:25
阅读 731
收藏 2

@红薯 你好,想跟你请教个问题:我发现osc上很多广告代码是随着页面滚动都还显示着的,能公开一下这点代码吗。

加载中
0
北落
北落
请百度对联广告,各种各样的都有
0
掬一捧
掬一捧

@红薯  

就是这种浮动效果|感觉超棒~

0
3602
3602
firebug
0
duandi
duandi

都不用adblock吗

效果听起来像是position:fixed;

0
散装海盗
散装海盗
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#a1{height: 150px; width: 1000px;background: #aaa;}
#a2{height: 50px; width: 1000px; background:#ab9;z-index:999; top:0px;}
#a3{height: 1720px; width: 1000px; background:#fb9;}

</style>
<script type="text/javascript">

	function flo() {
		var p = document.body.scrollTop;
		var i = document.getElementById("a2");
		var i_temp = document.getElementById("a22");
		if(p >= i_temp.offsetTop) {
			i.style.position = "fixed";
		}else{
			i.style.position = "static";
		}
	}
	setInterval(flo, 1);

	function fo(temp) {
	    if (document.body.scrollTop >= temp.offsetTop) {
	      return "fixed";
	    } else {
	      return "static";
	    }
  	}

</script>

</head>
<body>
<div id="a1">这是第一个div</div>
<div id="a22"></div>
<div id="a2">这是需要浮动的div</div>
<div id="a3" onmouseover="flo();">这是用来占位的div </div>


</body>
</html>

自己写的。。。。
诸葛非卿
诸葛非卿
火狐上面也一样啊!
散装海盗
散装海盗
回复 @诸葛非卿 : 用chrome或者firefox试试,ie内核的支持有问题的
诸葛非卿
诸葛非卿
兄弟,用你的代码测试了一下,在360浏览器中显示,并没有出现你所说的浮动效果。
0
小白小霸王
小白小霸王
真为难那些天天做扒皮工作的网站建设者了
0
tix
tix
jquery可以判断距离 距离小于多少把定位改成  fixed
返回顶部
顶部