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() { $('h2 a,h3 a').click(function(){ myloadoriginal = this.text; $(this).text('正在给力加载中 …'); var myload = this; setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>
其中"h2 a"是主題文章標題的標籤選擇器,可根據具體主題模板進行修改,如果改為:"a",可實現全部連結都添加這一特效,後面的數字2011是這一特效的顯示時間(毫秒),可酌情修改。
以上是WordPress文章標題連結怎麼加入正在載入中提示的詳細內容。更多資訊請關注PHP中文網其他相關文章!