東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】カンタンなローディング画面

【html】

<div>
	<ul id="images">
		<li><img src="images/img01.jpg" alt="image"></li>
		<li><img src="images/img02.jpg" alt="image"></li>
		<li><img src="images/img03.jpg" alt="image"></li>
		<li><img src="images/img04.jpg" alt="image"></li>
		<li><img src="images/img05.jpg" alt="image"></li>
		<li><img src="images/img06.jpg" alt="image"></li>		
	</ul>
</div>
 
<div class='loadingWrap'>
	<img src='images/now-loading.gif'>
</div>


css

html, body{
	width: 100%;
	height: 100%;
}
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
}
.loadingWrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -150px;
}


javascript

$(window).load(function(){
	$(".loadingWrap").fadeOut();
});

【参考URL】
http://sterfield.co.jp/designer/jquery%E3%81%A7%E7%B0%A1%E5%8D%98%E3%81%AAloading%E7%94%BB%E9%9D%A2%E3%82%92%E4%BD%9C%E3%82%8B-3/