当前位置:K88软件开发文章中心编程语言PHPPHP01 → 文章内容

WordPress文章标题添加正在加载提示

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-4 8:22:58

-->

我们经常会看到很多使用博客中点击文章标题后会显示:正在加载……的提示,看上去是不是很好玩,很有意思?前两天有朋友给珞凡发送了邮件,希望能告知实现方法,今天在这里我们就来给大家介绍下为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

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.59iwp.com/355.html


WordPress文章标题添加正在加载提示