jqueryベースのページプリロード効果(loading)

<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>

<div id="loading">Loading content, please wait..<img src="loading.gif" mce_src="loading.gif" alt="loading.." /></div>

<script>

    $(window).load(function(){

        $("#loading").hide();

    })

</script>