为了加强浏览者的体验,不在等待页面加载时感到枯燥，从而关闭网页，很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程，加载完成后提示消失，大部分都应用在网站的首页，今天我教大家把这一特效添加到Wordpress主题中。要实现该特效同样要用到jquery，如果大家和我目前用的主题一样，为了实现其它特效已提前加载了jquery，那么正好充分利用jquery的强大功能，添加此特效何乐而不为呢？当然仅仅为了实现这个特效，而去加载50几K的jquery就有点得不偿失了。
实现方法：
打开header.php模板文件
第一步：加载jquery.min.js
外链接格式：
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>
内链格式：
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.min.js" ></script>
第二步：在</head>前添加一段JS代码
<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:999; background:#000 url(这里输入一个图片地址) no-repeat center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;" onclick="javascript:turnoff('loading')">
<p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:50px 0 0 -50px; padding:3px 10px;" onclick="javascript:turnoff('loading')">页面载入中,请稍后...</p>
</div>
图片大小格式不限，不加图片也可以，到此该特效添加完毕，具体效果可以看我的博客。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
浙江省丽水市 1F
你好，知更鸟，我用了HotNews Pro2.1主题，安装了WP-PostViews插件，有个说小不小，说大不大的问题想请你解决下
就是显示出来阅读次数前面都多一个数字1，我刚发表一篇日志，首页就直接显示10 views
请问怎么解决？谢谢！
中国 B1
@ tuge 呵呵，虚增流量，我检查了一下模板代码，没发现有多余的数字，看看插件是否有什么功能没设置好
浙江省丽水市 B2
@ 知更鸟 HotNews Pro2.1主题中的index.php原本就有有 
所以我安装WP-PostViews并激活后并没有修改index.php，网站中直接显示阅读次数（views），然后我在Post Views Options中的Views Template选项中views改成中文“次阅读”，这样英文就变成中文了
但自始至终阅读数字前都多了一个数字1，搞得很郁闷，我也不是很懂代码，TT
刚才重新上传覆盖index.php，显示还是一样，怎么做啊？？求助知更鸟！！
中国 B3
@ tuge 这个插件有两个版本一个是WP-PostViews和WP-PostViews Plus，我用的是后一个（而且有汉化版），如果用第一个可能会出现这个问题，按插件要求替换相关代码
中国 B3
@ tuge PS:再有与主题相关的问题，请到主题发布页提出，好让有相同问题的也参考一下
广东省东莞市 2F
看来知更鸟很喜欢研究jquery，有更的时候和你学习学习
中国 B1
@ stevejin 可以说对jquery没有任何研究，只喜欢应用而已
江苏省南京市 3F
如您博客中，鼠标放置在图片上，图片变高亮需要什么插件？？
中国 B1
@ D.C 实现方法
http://zmingcx.com/using-jquery-to-achieve-picture-was-hidden-effects.html
新加坡 4F
晕，我用FireFox访问你这个页面一直停在页面载入中的界面。我订阅了你的博客，结果这篇文章的代码导致我的iGoogle首页覆盖了一个大大灰块，点击灰块的任何一部分就跳到你这个页面了。郁闷！
新加坡 B1
@ 越野天使 期待你赶紧更新文章，把这篇挤下去。不然我的iGoogle首页用不了，5555……我手贱啊！
中国 B2
@ 越野天使 额….还有此事
中国 B2
@ 越野天使 呵呵，果然如此
天津市 5F
wordpress已经集成jQuery了，不过释放了$变量，只要把Js里的$变量替换成jQuery就OK了，也不用重复载入jQuery.js了。
天津市 B1
@ 北极熊 唔，我搞错了，是后台默认调用了wordpress内部的jQuery，前台有没有调用还是得看模板……
中国 B2
@ 北极熊 嗯，前台没什么关系，个人认为是WP最弱智的，后台弄个JQ干吗，什么滑动隐藏，我们不需要
广东省惠州市 6F
WP最弱智？哈哈，但还是这么多人用。
河北省邯郸市丛台区 7F
看看了鸟哥的源文件，原来鸟哥用的是 HotNewspro3， 不知道以后会不会分享。。。。。。嘻嘻！
河北省邯郸市丛台区 8F
鸟哥博客里 用的 显示代码的那个？ code 是什么插件啊？
中国 B1
@ 小龙 不是插件，使用2.1版主题，编辑文章是时加入{blockquote}标签，就会出现这个效果
浙江省宁波市 B1
@ 小龙 不是很懂
湖南省长沙市 9F
学习了，谢谢分享
福建省泉州市晋江市 10F
请问，你博客的评论回复是用什么插件
请问，你有没有用过Revolution Two系列Streamline Child Theme这个主题
中国 B1
@ Innocence 评论部分没用插件
Revolution Two系列主题很经典，但已很古老，不能适应新版WP
广东省惠州市 11F
请问，你博客的评论回复不是用插件，那你发布的主题怎么没有呢？
广东省惠州市 12F
为什么我的主题没有回复评论的按钮呢？
中国 B1
@ hujun WP后台设置评论允许嵌套
台湾省 13F
我也来这里试一下
浙江省台州市 14F
不错哦，谢谢分享，不过演示里，没有为何？
美国 15F
鸟哥 我没你这样的效果啊
美国 16F
这个代码加在哪个位置呃
中国 B1
@ 7silen 上面写的很清楚
浙江省绍兴市 B2
@ 知更鸟 你好 这是我的地址：http://www.0575ecity.com/blog/index.php/advanced-online-storage-site-uushare.html
header.php中加了代码后 日志页面就会出现错位 页面都撇向一边 您可以帮我看下吗
广东省肇庆市封开县 17F
怎么在首页没效果，其他页面有，能帮我看看吗，www.yaudi.tk
广东省佛山市 18F
页面加载完毕 页面载入中,请稍后…变成口口口口口口口口口口口口是什么原因呢？
中国 B1
@ 原来心会疼 添加后代码后,把模板文件编码改为UTF-8
山东省青岛市 19F
转了很多有关wordpress的网站，您的绝对是我用起来最爽的！
江苏省南京市 20F
鸟哥，我在本地测试了下，结果一直停留在“页面正在加载，请稍后。。。。”上，出不来了
广东省广州市 21F
我想问你网站那个闪烁的公告是怎么实现的
浙江省杭州市 22F
嗯，我用了ajax的评论插件，每次加载文章加载好后，都会无缘无故地出现“正在提交……”怎么回事？另外，我还想请教一下，当加载时间太长后能不能出现“看起来服务器有点问题或您那里的网络状况不佳，请稍后再来看看。”这类的话？？谢谢了！！（这样比较实用！！）:)
云南省昆明市 23F
这个很不错收藏了
四川省成都市 24F
你好，请问怎么能实现和你一样的效果呢？用你说的代码能实现，但是效果不同呢?
陕西省西安市 25F
挺浪费资源的
湖南省衡阳市 26F
其实我想要你现在的效果，悬停后图片拉近
新加坡 27F
有没有好的SEO教程呢？
来自外部的引用