给网站添加页面加载特效(转)

作者: 小古 分类: 网站技术 发布时间: 2013-4-13 ė19222 次浏览 62 条评论

在头部链入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

本文出自 小古Blog,转载时请注明出处及相应链接。

本文永久链接: http://blog.chdz1.com/?post=190

|

2条评论

  1. 海盗船博客 2013-08-28 10:01

    转载保留链接真是好习惯!赞你一个!回复

  1. 月嫂公司 2013-05-10 09:58

    好像搞个博客很时髦啊回复

发表评论:

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部
sitemap