js固定層不隨滾動條滾動圖片廣告固定層在頂部



109 432 145



特效描述:js固定層 不隨滾動條滾動 圖片廣告 頂部固定層,js固定層圖片廣告代碼制作不隨瀏覽器滾動條滾動的圖片廣告固定層在頂部。兼容ie6以上,Firefox,Google Chrome等主流瀏覽器的固定層圖片廣告代碼。

代碼結構

1. HTML代碼

<div class="b">
    <div class="l"></div>
    <div class="r">	
		<a href="http://www.dijiuzhanzhang.com/" target="_blank"><img src="images/xi.jpg" width="300" height="265" /></a><br />
		<div class="div1" id="float"><a href="http://www.dijiuzhanzhang.com/" target="_blank"><img src="images/ad.jpg" width="300" height="250" /></a></div> 
    </div>
	<script type="text/javascript">
	// 固定層
	function buffer(a,b,c){
		var d;
		return function(){
			if(d)
			return;
			d=setTimeout(function(){
				a.call(this),d=undefined
			},b)
		}
	}
	(function(){
		function e(){
			var d=document.body.scrollTop||document.documentElement.scrollTop;
			d>b?(a.className="div1 div2",c&&(a.style.top=d-b+"px")):a.className="div1"
		}
		var a=document.getElementById("float");
		if(a==undefined)
		return!1;
		var b=0,c,d=a;
		while(d)b+=d.offsetTop,d=d.offsetParent;
		c=window.ActiveXObject&&!window.XMLHttpRequest;
		if(!c||!0)
		window.onscroll=buffer(e,150,this)
	})();
	</script>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 浮動提示框 浮動菜單 浮動導航 圖片廣告
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子