WordPress文章標題鏈接添加正在加載中提示的方法
發(fā)布時間：2014-12-20 15:36:58 作者：佚名 
我要評論
我要評論這篇文章主要為大家介紹了WordPress文章標題鏈接添加正在加載中提示的方法,可通過添加簡單的js腳本實現(xiàn)該功能,是比較實用的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了WordPress文章標題鏈接添加正在加載中提示的方法。分享給大家供大家參考。具體分析如下：
我們會看到很多使用wordpress博客的朋友我們點擊文章標題時就會先提示正在加載中,然后再進入文章了,這里我們就來給大家介紹WordPress文章標題鏈接添加正在加載中提示效果.
首先打開你所使用主題的header.php模板文件,在</head>標簽前添加如下代碼:
復制代碼
代碼如下:<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
如果你的主題已加載了JQuery,這步就免了,再把下面這段代碼同樣加到</head>標簽前,代碼如下:
復制代碼
代碼如下:<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>
$(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"是主題文章標題的標簽選擇器,可根據(jù)具體主題模板進行修改,如果改為:"a",可實現(xiàn)全部鏈接都添加這一特效,后面的數(shù)字2011是這一特效的顯示時間(毫秒),可酌情修改。
希望本文所述對大家的WordPress建站有所幫助。
相關文章
- 在瀏覽網(wǎng)頁的時候, 我們經(jīng)常會看到很多人在他們網(wǎng)站的搜索欄里顯示文字提示, 當鼠標點擊搜索欄, 則提示信息消失.2011-05-10
- 本文詳介如何給WordPress投稿功能添加郵件提醒功能2012-09-28
為WordPress添加文章字數(shù)統(tǒng)計的方法
下面看一下如何統(tǒng)計文章字數(shù)2012-10-06- 這篇文章主要為大家介紹了WordPress文章底部去除與添加版權信息的方法,涉及個性化定制頁面的技巧,非常具有實用價值,需要的朋友可以參考下2014-12-19
- 這篇文章主要為大家介紹了WordPress中添加語音搜索功能的實現(xiàn)方法,屬于html5 的speech功能的API,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-18
- 這篇文章主要為大家介紹了WordPress添加前臺注冊功能的方法,較為詳細的分析了前臺注冊功能的完整實現(xiàn)過程,是進行WordPress開發(fā)非常實用的技巧,需要的朋友可以參考下2014-12-17
wordpress編輯器中添加鏈接功能自動加入nofollow的方法
這篇文章主要介紹了wordpress編輯器中添加鏈接功能自動加入nofollow的方法,需要的朋友可以參考下2014-04-10- 如何在wordpress的文章末尾添加內容，在wordpress每篇文章的末尾添加文字、鏈接等內容，比如你想加個“原創(chuàng)文章如轉載，請注明本文鏈接：”，其實很簡單，有多種方法，下面2013-11-13
- 在后臺中的側邊欄添加菜單或子菜單。比如向已經(jīng)存在的菜單中添加子菜單等等，具體的實現(xiàn)如下，感興趣的朋友可以參考下2013-09-02
- 添加子菜單比如在文章處添加子菜單、在鏈接處添加子菜單、在頁面處添加子菜單等等，本文列舉了常用的幾種情況及對應的函數(shù)，感興趣的朋友可以參考下，希望可以幫助到大家2013-09-02