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退出短代码运转框(运转代码/复制代码/清空代码无插件)

很多冤家可能常常在一些网站上看到相似于&ldquo;运转代码、复制代码、清空代码、另存为代码的动态代码运转框...

WordPress完成的首页幻灯片展现性能示例【附demo源码】

本文实例讲述了WordPress完成的首页幻灯片展现性能。分享给大家供大家参考,详细如下: 关于WordPress拓展性...

wordpress在IIS下伪动态后子目录无奈拜访的处理办法

家喻户晓,wordpress是基于php开发,在apache效劳下运转是最优秀的。然而,国际依然有很多主机上不能提供ap...

wordpress上传图片不主动生成缩略图的处理办法

由于站点不需求显示这么多图片,只要要原图就OK了,所以就要修正下媒体设置。关上设置->媒体,将不需求的缩...

WordPress数据备份心得分享

效劳器钱用光了要关了或许是效劳器想要搬家,需求备份各种数据。 明天简略的备份了一下在效劳器下面wordpre...

WordPress搜寻后果按阅读量排序的完成办法

默许状况下,WordPress 存档页面或搜寻后果页面中的日志陈列秩序是依照重新到旧来陈列的,这里咱们暂且不论...

需求提交

客服服务