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