DIV CSS 佈局教程網

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

做法首先是你的網站加載了JQuery，然後在你需要放置沙發頭像的地方添加一個<div>，內容為空即可：
代碼如下:
<div id="shafa"></div>

然後要做的就是利用js復制沙發的頭像，並把復制的內容填入上面設定的<div>內：
代碼如下:
$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});

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