金马自定义对联

function loadStyleText(cssText) {
	var style = document.createElement('style');
	style.rel = 'stylesheet';
	style.type = 'text/css';
	try {
		style.appendChild(document.createTextNode(cssText));
	} catch (e) {
		style.styleSheet.cssText = cssText; 		   
	}
	var head=document.getElementsByTagName("head")[0]; 
	head.appendChild(style); 
}

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');
	}
}

$(function (){

		$("body").after('<div id="duiLianL"><div id="duiLian_con"><table id="__01" width="136" height="412" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="ad_images/ad_01.png" width="136" height="68" alt=""></td></tr><tr><td><a href="/Login"><img src="ad_images/ad_02.gif" width="136" height="69" alt=""></a></td></tr><tr><td><a href="/Login"><img src="ad_images/ad_03.gif" width="136" height="63" alt=""></a></td></tr><tr><td><a href="/Mobile"><img src="ad_images/ad_04.gif" width="136" height="66" alt="mobile"></a></td></tr><tr><td><a href="/Mobile"><img src="ad_images/ad_05.png" width="136" height="118" alt=""></a></td></tr><tr><td><span id="duiLianL_Close"><img src="ad_images/ad_06.png" width="136" height="28" alt=""></span></td></tr></table></div></div><div id="duiLianR"><div id="duiLian_con"><table id="__01" width="136" height="412" border="0" cellpadding="0" cellspacing="0"><tr><td><img src="ad_images/kf-2_01.png" width="136" height="68" alt=""></td></tr><tr><td><a href="http://messenger3.providesupport.com/messenger/043hc3vsx2ceg028sispfa4v8w.html" target="_blank"><img src="ad_images/kf-2_02.png" width="136" height="69" alt="在线客服"></a></td></tr><tr><td><a href="/Login"><img src="ad_images/kf-2_03.gif" width="136" height="45" alt=""></a></td></tr><tr><td><a href="http://wpa.qq.com/msgrd?v=3&uin=87844288&site=qq&menu=yes" target="_blank"><img src="ad_images/kf-2_04.png" width="136" height="61" alt="QQ客服"></a></td></tr><tr><td><img src="ad_images/kf-2_05.png" width="136" height="141" alt=""></td></tr><tr><td><span id="duiLianR_Close"><img src="ad_images/kf-2_06.png" width="136" height="28" alt=""></span></td></tr></table></div></div>');

		
	var screenH=screen.height;
	var duiLianTop=0;
	if (screenH>=768){
		duiLianTop=130;			//顶部距离
	}
		loadStyleText("#duiLianL{ position:fixed; left:5px; top:"+duiLianTop+"px; border:0px solid gray; z-index:999} #duiLianR{ position:fixed; right:5px; top:"+duiLianTop+"px; border:0px solid gray;z-index:999} #duiLian_con{ width:100%; height:100%;line-height:100%;overflow:hidden;text-align:center;background-color:#FFFFFF; border:0px solid red;} #duiLianL_Close,#duiLianR_Close {width:100%; overflow:hidden;text-align:center;cursor:pointer; float:left; border:0px solid red;}");

		$("#duiLianL,#duiLianR").floatadv();		

		$('#duiLianL_Close').click(function(){
		   $('#duiLianL').hide();
		});
		$('#duiLianR_Close').click(function(){
		   $('#duiLianR').hide();
		});
});

  

  对联用到的图片:https://files.cnblogs.com/files/bchome/ad_images.rar

posted @ 2017-06-06 15:37  百草之家  阅读(264)  评论(0编辑  收藏  举报