给网站添加页面加载特效(转)
在头部链入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>
本文出自 小古Blog,转载时请注明出处及相应链接。
本文永久链接: http://blog.chdz1.com/?post=190
2条评论
转载保留链接真是好习惯!赞你一个!
好像搞个博客很时髦啊