随内容滚动广告代码

参考:http://hi.baidu.com/youlongcn/item/f9a27d0e6ee28a8b02ce1b33
想要实现像糗事百科那样的,右侧的广告没有左侧的内容高度高时,随着页面下拉,固定广告位在右侧的顶部。搜索了一下,找到了这段代码,以后使用。
点击查看效果

<HTML><HEAD><META content="IE=7.0000" http-equiv="X-UA-Compatible"> 
<META content="text/html; charset=utf-8" http-equiv=Content-Type></HEAD> 
<BODY>  
<style>
.div1{}
.div2{position:fixed;_position:absolute;top:0;}
</style> 
<SCRIPT type=text/javascript src="jquery.min.js"></SCRIPT> 
<DIV id=float style="background:#f00;"> 这里面放你的广告 </DIV>  
测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />测试内容<br />
<SCRIPT type=text/javascript  > 
(function(){
	var oDiv=document.getElementById("float");
	var H=0,iE6;
	var Y=oDiv;
	while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
	iE6=window.ActiveXObject&&!window.XMLHttpRequest;
	if(!iE6){
		window.onscroll=function()
		{
			var s=document.body.scrollTop||document.documentElement.scrollTop;
			if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
			else{oDiv.className="div1";}	
		};
	}
 
})();
 </SCRIPT> 
</BODY></HTML>

Related posts:

Leave a Reply

Your email address will not be published.