js固定层不随滚动条滚动图片广告固定层在顶部



105 416 139



特效描述: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

加群请备注:从官网了解到