<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
第二步:在</head>前添加一段JS代码
<script type="text/javascript">
$(function(){
$('#loading-one').empty().append('页面加载完毕.').parent().fadeOut('slow');
});
</script>
第三步:在<body>后添加显示效果样式
<div id="loading" onclick="javascript:turnoff('loading')">
<p id="loading-one" onclick="javascript:turnoff('loading')">页面载入中,请稍后...</p>
</div>第四步:在当前使用的CSS文件添加下面内容
#loading {
position:fixed !important;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:999;
background:#000 no-repeat center;
opacity:0.6;
filter:alpha(opacity=60);
font-size:14px;
line-height:20px;
}
#loading p{
color:#fff;
position:absolute;
top:50%;
left:50%;
margin:50px 0 0 -50px;
padding:3px 10px;
}