“页面加载中”特效

“页面加载中”特效

今天有人要这个特效。。

我就发下吧。。虽说网络上很多。。。

基本都一样的。。。

我就献丑说一下。。高手就路过吧。。。

。。“页面加载中”特效

添加这效果也很简单,主要有这么几步:

1、找到主题的header.php文件

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

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

  1. <script type="text/javascript">
  2.    jQuery(function(){
  3.         jQuery(’#loading-one’).empty().append(’页面载入完
    .’).parent().fadeOut(’slow’);
  4.    });
  5. </script> 

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

  1. <div id="loading" color:#000000;">z-index:999; background:#000 url(load.gif) no-repeat
    center center;
    opacity:0.6;
    filter:alpha(opacity=60);font-size:14px;line-height:20px;">
  2. <p id="loading-one"
    >加载中..</p>

  3. </div>

效果打包

您可以选择一种方式赞助本站

目前评论:15   其中:访客  12   博主  3

  1. 2010年10月01日 13:17  15楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: