快捷導(dǎo)航

WordPress JQuery處理沙發(fā)頭像

更新時(shí)間：2009年06月22日 13:26:52 作者：

因?yàn)槲业牧粞园迨堑剐颍J(rèn)又只會(huì)展開最新的5條留言，對(duì)于較舊留言甚至是沙發(fā)的同學(xué)，很容易被忽略掉。

我想這對(duì)沙發(fā)同學(xué)不太公平吧。昨天在看yinheli同學(xué)的《鼠標(biāo)懸浮實(shí)現(xiàn)顯示留言內(nèi)容》一文（建議看看，好文章），就想到我何不把沙發(fā)的頭像copy出來然后放在顯眼的位置上呢，如下截圖效果。
shafa-screenshot

做法首先是你的網(wǎng)站加載了JQuery，然后在你需要放置沙發(fā)頭像的地方添加一個(gè)<div>，內(nèi)容為空即可：

復(fù)制代碼代碼如下:

然后要做的就是利用js復(fù)制沙發(fā)的頭像，并把復(fù)制的內(nèi)容填入上面設(shè)定的<div>內(nèi)：

復(fù)制代碼代碼如下:

$(document).ready(function() { 
$(".commentlist .avatar:last img").clone().appendTo("#shafa"); 
}); 

這樣就可以啦，注意上面的
avatar
假設(shè)是你主題模板中包含頭像圖片的樣式名稱；然后
:last
這一處是對(duì)于象我一樣的倒序留言板設(shè)定的，因?yàn)樯嘲l(fā)的同學(xué)是在留言列表的最后；而對(duì)于順序留言板，則改為
:first
。
還有就是不要忘記進(jìn)行CSS的樣式定義。再有的是利用相同的方法你可以復(fù)制指定的內(nèi)容，如沙發(fā)的留言內(nèi)容，名字等，只要對(duì)應(yīng)一下它們的樣式名稱則可。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
jQuery中選擇器的基礎(chǔ)使用教程
jQuery的選擇器非常強(qiáng)大,使你可以輕松選取頁面中任何一個(gè)對(duì)象,下面我們就主要針對(duì)DOM操作來看一下jQuery中選擇器的基礎(chǔ)使用教程,需要的朋友可以參考下
2016-05-05
JQuery獲取各種寬度、高度(format函數(shù))實(shí)例
本例除了使用標(biāo)準(zhǔn)的JQuery類庫外，還添加了自定義的函數(shù)來進(jìn)行字符串的format操作。
2013-03-03
jQuery中animate()方法用法實(shí)例
這篇文章主要介紹了jQuery中animate()方法用法,以實(shí)例形式分析了animate()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery 標(biāo)題的自動(dòng)翻轉(zhuǎn)實(shí)現(xiàn)代碼
我們平時(shí)在開發(fā)web程序的時(shí)候，想把一個(gè)新聞源滾動(dòng)顯示新聞的條目的標(biāo)題及內(nèi)容摘要，而且是每次一條，有點(diǎn)類似csdn的滾動(dòng)廣告。
2009-10-10
jquery HotKeys輕松搞定鍵盤事件代碼
今天發(fā)現(xiàn)HotKeys插件的功能真的很強(qiáng)大,且使用簡單,以后再也不用考慮鍵值的問題了,自己定義每個(gè)鍵的函數(shù)就行了
2008-08-08
jQuery 獲取對(duì)象根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
jQuery 練習(xí) 獲取對(duì)象(3) - 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
2010-05-05
利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件
jQuery Final Countdown是一款時(shí)尚的圓形進(jìn)度條樣式的jQuery倒計(jì)時(shí)插件。本篇文章給大家分享利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件，感興趣的朋友一起看看吧
2015-09-09
提升jQuery的性能需要做好七件事
這篇文章主要介紹了提升jQuery的性能需要做好的七件事，希望真的幫助大家提升jQuery性能,需要的朋友可以參考下
2016-01-01
jQuery的三種bind/One/Live/On事件綁定使用方法
jQuery是一款優(yōu)秀的JavaScript框架,在舊版里主要用bind()方法，在新版里又多了兩種One(),Live()，下面介紹這幾種方法的使用
2017-02-02