我們經常會看到很多使用博客中點擊文章標題後會顯示:正在加載……的提示,看上去是不是很好玩,很有意思?前兩天有朋友給珞凡發送了郵件,希望能告知實現方法,今天在這裏我們就來給大家介紹下為 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