网站两边广告位带关闭JS源码代码

js 代码效果图：

代码如下

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
.fixediv{position:fixed;top:140px;z-index:9999;width:140px;height:216px;background:#ddd;}
.fixediv img{float:left;}
.fixediv a.close{display:block;height:30px;line-height:30px;background:#fff;font-size:14px;padding:0 10px;color:#5e5e5e;text-decoration:none;text-align:center;}
.leftadv{left:0px;}
.rightadv{right:0px;}
</style>

<div class="fixediv leftadv">
	<a href="http://tp.lxh5068.com" target="_blank"><img src="http://i.miaosu.bid/data/f_97267056.gif" width="140" height="300" alt="性感美女" /></a>
	<a class="close" href="javascript:void(0);">关闭广告</a>
</div>

<div class="fixediv rightadv">
	<a href="http://tp.lxh5068.com" target="_blank"><img src="http://i.miaosu.bid/data/f_97267056.gif" width="140" height="300" alt="清纯美女" /></a>
	<a class="close" href="javascript:void(0);">关闭广告</a>
</div>

<div style="height:0px;"></div>


<script type="text/javascript" src="http://www.xxx.com/content/templates/emedia_better/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

	$(".fixediv a").click(function(){
		
		$(".fixediv").fadeOut(400);
		
	});
	
	$(".fixediv").floatadv();
	
});

jQuery.fn.floatadv = function(loaded) {
	var obj = this;
	body_height = parseInt($(window).height());
	block_height = parseInt(obj.height());
	
	top_position = parseInt((body_height/2) - (block_height/2) + $(window).scrollTop());
	if (body_height<block_height) { top_position = 0 + $(window).scrollTop(); };
	
	if(!loaded) {
		obj.css({'position': 'absolute'});
		obj.css({ 'top': top_position });
		$(window).bind('resize', function() { 
			obj.floatadv(!loaded);
		});
		$(window).bind('scroll', function() { 
			obj.floatadv(!loaded);
		});
	} else {
		obj.stop();
		obj.css({'position': 'absolute'});
		obj.animate({ 'top': top_position }, 400, 'linear');
	}
}
</script>

转载请注明：汇站网 » 网站两边广告位带关闭 JS 源码代码