WordPress JQuery解决沙发头像

我想这对沙发同窗不太偏心吧。昨天在看yinheli同窗的《鼠标悬浮完成显示留言内容》一文(倡议看看,好文章),就想到我何不把沙发的头像copy进去而后放在显眼的地位上呢,如下截图成果。

做法首先是你的网站加载了JQuery,而后在你需求搁置沙发头像的中央增加一个<p>,内容为空即可:

代码如下:


<p id="shafa"></p>


而后要做的就是利用js复制沙发的头像,并把复制的内容填入下面设定的<p>内:

代码如下:


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


这样就能够啦,留意下面的
avatar
假定是你主题模板中蕴含头像图片的款式称号;而后
:last
这一处是关于象我一样的倒序留言板设定的,由于沙发的同窗是在留言列表的最初;而关于程序留言板,则改为
:first

还有就是不要遗记进行CSS的款式定义。再有的是利用相反的办法你能够复制指定的内容,如沙发的留言内容,名字等,只需对应一下它们的款式称号则可。

以上就是安达网络工作室关于《WordPress JQuery处理沙发头像》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress JQuery JavaScript
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress上传图片主动重命名的办法

复制代码代码如下:add_filter( 'wp_handle_upload_prefilter', 'custom_upload_name' ); function custom...

WordPress之给文章内容两头拔出广告的完成办法

不少冤家心愿在文章内容的两头拔出广告(集体以为这个对用户体验有点不太好),上面就来看看如何完成吧。 应...

WordPress 防盗链设置办法分享

讯问后果却有些出人意料,居然是超流量了,应用这么久还是第一次遇到超量的状况。 登陆cPanel后盾查看也的确...

WordPress博客顺序常见谬误的处理办法

  WordPress是支流的 Blog 搭建平台。 WordPress 能够说是世界上目前最先进的 weblog 顺序。目前开发的顺...

WordPress中设置Post Type自定义文章类型的实例教程

什么是自定义post&#63; 不要想当然的以为这里的post就是就是指博客中的文章,它只不过是一个文章类的代理词...

教你完成WordPress博客的“预加载”性能

chrome阅读器为什么比普通的阅读器快呢?缘由是chrome阅读器给全副页面都弄了预加载性能。 目前可能还是有少...

需求提交

客服服务