会员中心

人靠衣装,机靠壳装

CSS3实现精美404错误页倒计时跳转背景动画代码

2018-05-18 09:59 发布

00
admin
未来城市

CSS3实现精美404错误页倒计时跳转背景动画代码.jpg


需要引入的JS

<script src="js/jquery-1.7.2.min.js"></script>


同时引入CSs

<link href="css/404.css" rel="stylesheet" type="text/css" />


传入

<script type="text/javascript">    
	$(function() {    
		var h = $(window).height();    
		$('body').height(h);    
		$('.mianBox').height(h);    
		centerWindow(".tipInfo");    
	});    
	//2.将盒子方法放入这个方,方便法统一调用    
	function centerWindow(a) {    
		center(a);    
		//自适应窗口    
		$(window).bind('scroll resize',    
				function() {    
					center(a);    
				});    
	}    
	//1.居中方法,传入需要居中的标签    
	function center(a) {    
		var wWidth = $(window).width();    
		var wHeight = $(window).height();    
		var boxWidth = $(a).width();    
		var boxHeight = $(a).height();    
		var scrollTop = $(window).scrollTop();    
		var scrollLeft = $(window).scrollLeft();    
		var top = scrollTop + (wHeight - boxHeight) / 2;    
		var left = scrollLeft + (wWidth - boxWidth) / 2;    
		$(a).css({    
			"top": top,    
			"left": left    
		});    
	}    
</script>


授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

猜你喜欢
更多发现
子导航JS代码