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

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

因為我的留言板是倒序，默認又只會展開最新的5條留言，對于較舊留言甚至是沙發(fā)的同學，很容易被忽略掉。

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

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

復制代碼代碼如下:

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

復制代碼代碼如下:

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

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

您可能感興趣的文章:

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