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)表格隔行變色和突出顯示當前行的代碼
用JQuery實現(xiàn)表格隔行變色和突出顯示當前行的代碼，需要的朋友可以參考下
2012-02-02
超級酷和最實用的jQuery實例收集(20個)
二十個超級酷和最實用的jQuery實例，對于使用和學習jquery的朋友是個不錯的參考與學習資料。
2010-04-04
實例詳解jQuery結合GridView控件的使用方法
這篇文章主要以實例的方式詳細介紹了jQuery結合GridView控件的使用方法，感興趣的小伙伴們可以參考一下
2016-01-01
利用jQuery實現(xiàn)可輸入搜索文字的下拉框
jQuery實現(xiàn)點擊下拉框輸入框時，自動顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現(xiàn)頁面
2013-10-10
jquery實現(xiàn)彈出層登錄和全屏層注冊特效
這篇文章主要為大家詳細介紹了jquery實現(xiàn)彈出層登錄和全屏層注冊特效，推薦給大家，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-08-08
jQuery實現(xiàn)動態(tài)刪除LI的方法
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)刪除LI的方法,結合實例形式分析了jQuery針對頁面元素動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下
2017-05-05
nicejforms——美化表單不用愁
這篇文章主要介紹了nicejforms——美化表單不用愁
2007-02-02
淺談jQuery中的事件
本文給大家分享的是個人關于jQuery中事件的理解，主要向大家介紹了jQuery中事件的綁定，合成、以及事件冒泡、阻止事件等內(nèi)容，希望大家能夠喜歡。
2015-03-03
Jquery 設置標題的自動翻轉
我們平時在開發(fā)web程序的時候，想把一個新聞源滾動顯示新聞的條目的標題及內(nèi)容摘要，而且是每次一條，有點類似csdn的滾動廣告。
2009-10-10
Jquery的autocomplete插件用法及參數(shù)講解
今天小編就為大家分享一篇關于Jquery的autocomplete插件用法及參數(shù)講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-03-03