WordPressJQuery處理沙發頭像_jquery
來源:懂視網
責編:小采
時間:2020-11-27 20:43:15
WordPressJQuery處理沙發頭像_jquery
WordPressJQuery處理沙發頭像_jquery:我想這對沙發同學不太公平吧。昨天在看yinheli同學的《鼠標懸浮實現顯示留言內容》一文(建議看看,好文章),就想到我何不把沙發的頭像copy出來然后放在顯眼的位置上呢,如下截圖效果。做法首先是你的網站加載了JQuery,然后在你需要放置沙發頭像的地方添加
導讀WordPressJQuery處理沙發頭像_jquery:我想這對沙發同學不太公平吧。昨天在看yinheli同學的《鼠標懸浮實現顯示留言內容》一文(建議看看,好文章),就想到我何不把沙發的頭像copy出來然后放在顯眼的位置上呢,如下截圖效果。做法首先是你的網站加載了JQuery,然后在你需要放置沙發頭像的地方添加

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

做法首先是你的網站加載了JQuery,然后在你需要放置沙發頭像的地方添加一個,內容為空即可:
代碼如下:
然后要做的就是利用js復制沙發的頭像,并把復制的內容填入上面設定的內:
代碼如下:
$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});
這樣就可以啦,注意上面的
avatar
假設是你主題模板中包含頭像圖片的樣式名稱;然后
:last
這一處是對于象我一樣的倒序留言板設定的,因為沙發的同學是在留言列表的最后;而對于順序留言板,則改為
:first
。
還有就是不要忘記進行CSS的樣式定義。再有的是利用相同的方法你可以復制指定的內容,如沙發的留言內容,名字等,只要對應一下它們的樣式名稱則可。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
WordPressJQuery處理沙發頭像_jquery
WordPressJQuery處理沙發頭像_jquery:我想這對沙發同學不太公平吧。昨天在看yinheli同學的《鼠標懸浮實現顯示留言內容》一文(建議看看,好文章),就想到我何不把沙發的頭像copy出來然后放在顯眼的位置上呢,如下截圖效果。做法首先是你的網站加載了JQuery,然后在你需要放置沙發頭像的地方添加