小古Blog
给网站添加页面加载特效(转)
2013-4-13 小古

在头部链入jquery程序库文件(如果没有自己添加,一般我们的Emlog模板中都有了),


现在添加js代码:在<head></head>之间添加以下代码:


<script type="text/javascript">jQuery(function(){jQuery('#loading-one').empty().append('页面载入完毕...').parent().fadeOut('slow');});</script>

在<body>之后添加以下代码:


<div id="loading" style="position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:9999; background:#000 url(http://domain.com/images/loading.gif) no-repeat center center; opacity:0.8; filter:alpha(opacity=80);font-size:24px;line-height:20px;">
<p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -80px; padding:3px 10px;" onclick="javascript:turnoff('loading')">页面载入中...</p>
</div>
<script type="text/javascript">function turnoff(obj){document.getElementById(obj).style.display="none"}</script>

本文转自:http://blog.4a8a.com/post-78.html

评论:
海盗船博客
2013-08-28 10:01 回复
转载保留链接真是好习惯!赞你一个!
月嫂公司
2013-05-10 09:58 回复
好像搞个博客很时髦啊
发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容