jquery给博客增加“页面加载中”特效!

第一步:加载jquery.min.js
  <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;
}

评论列表

如小果
不错不错
2011-05-24 15:44:52
walkingp
好文章,谢谢博主
2011-05-23 14:24:31
沛县英才网
来看看呃
2011-02-25 21:08:03