首頁  >  文章  >  CMS教程  >  WordPress文章標題連結怎麼加入正在載入中提示

WordPress文章標題連結怎麼加入正在載入中提示

藏色散人
藏色散人原創
2020-01-04 10:20:213150瀏覽

WordPress文章標題連結怎麼加入正在載入中提示

WordPress文章標題連結怎麼加入正在載入中提示?

本文實例講述了WordPress文章標題連結添加正在載入中提示的方法。分享給大家供大家參考。具體分析如下:

推薦:《wordpress教學

我們會看到很多使用wordpress部落格的朋友我們點擊文章標題時就會先提示正在加載中,然後再進入文章了,這裡我們就來給大家介紹WordPress文章標題鏈接添加正在加載中提示效果.

#首先打開你所使用主題的header.php模板文件,在9c3bca370b5104690d9ef395f2c5f8d1標籤前面加上如下程式碼:

程式碼如下:

<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>

如果你的主題已載入了JQuery,這步就免了,再把下面這段程式碼同樣加到9c3bca370b5104690d9ef395f2c5f8d1標籤前,代碼如下:

代碼如下:

<script type="text/javascript"> 
$(document).ready(function() { $(&#39;h2 a,h3 a&#39;).click(function(){ myloadoriginal = this.text; $(this).text(&#39;正在给力加载中 …&#39;); var myload = this; 
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>

其中"h2 a"是主題文章標題的標籤選擇器,可根據具體主題模板進行修改,如果改為:"a",可實現全部連結都添加這一特效,後面的數字2011是這一特效的顯示時間(毫秒),可酌情修改。

以上是WordPress文章標題連結怎麼加入正在載入中提示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn