jqueryベースのページプリロード効果(loading)
2076 ワード
cssコード:
htmlコード:
jquery:
<style>
#loading{
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
</style>
htmlコード:
<div id="loading">Loading content, please wait..<img src="loading.gif" mce_src="loading.gif" alt="loading.." /></div>
jquery:
<script>
$(window).load(function(){
$("#loading").hide();
})
</script>