我们经常会看到很多使用博客中点击文章标题后会显示:正在加载……的提示,看上去是不是很好玩,很有意思?前两天有朋友给珞凡发送了邮件,希望能告知实现方法,今天在这里我们就来给大家介绍下为 WordPress 文章标题链接添加正在加载中提示效果的方法。
首先打开你所使用主题的 header.php 模板文件,在</head> 标签前添加如下代码:
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>
如果你的主题已加载了 JQuery,这步就免了,再把下面这段代码同样加到</head> 标签前,代码如下:
<script type=”text/javascript”>
$(document).ready(function() {
$(‘h2 a’).click(function(){
myloadoriginal = this.text;
$(this).text(‘ 正在加载中 …’);
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
其中”h2 a” 是主题文章标题的标签选择器,可根据具体主题模板进行修改,如果改为:”a”,可实现全部链接都添加这一特效, 后面的数字 2011 是这一特效的显示时间 (毫秒),可根据自己的需要修改或不修改都可以。 『正在加载中……』 字样可自己行修改成任何你想要的文字。
保存,并刷新你的网站,是不是已经完成了?
效果演示:http://www.nuomens.com