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图片防盗链办法 推荐

假如您的博客有很多很多图片,空间又有流量限度,那么避免他人盗取本人的图片链接应该说是势在必行了,由于...

进步功能!五种WordPress避免渣滓评论办法

WordPress貌似和渣滓评论是一对&ldquo;孪生兄弟&rdquo;,无论在国际还是国外的空间主机上搭建的Wordpress博...

WordPress博客防黑根底技巧

  依据最新音讯,到了2014年病毒增长规模初次成为近年来的高点,这阐明如今的网络平安并没有设想中那么强...

WordPress开发中用于题目显示的相干函数应用解析

single_cat_title()函数 single_cat_title()函数,日常中咱们很少会用到,但这个函数会给咱们处理很多成绩,...

WordPress评论IP地址显示为127.0.0.1的处理方法

穆童博客应用的是Wordpress顺序,上次在改换了效劳器之后不知为何一切新评论的IP地址都显示为127.0.0.1。刚...

Ubuntu VPS中wordpress网站关上时提醒”建设数据库衔接谬误”的处理方法

一、发现成绩 在尝试编辑博客站点的Wordpress主题时,忽然发现博客站点无奈衔接;刷新后提醒“建设数据库衔...

需求提交

客服服务

亿鸽在线客服系统