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
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
Crayon Syntaxer代码高亮插件与fancybox图片暗箱抵触的处理办法

其实,这是一个历史遗留成绩,在最开端建站的时分就曾经呈现了,在知更鸟主题和Crayon Syntaxer这个插件之间...

WordPress手动修正文章陈列程序解脱按公布工夫升降序陈列

咱们常见的WordPress站点文章排序,通常状况下是按公布工夫的升序或降序形式陈列,这种排序形式简直能够满足...

不应用wordpress插件增加页面要害词和形容信息

间接上代码吧 复制代码代码如下:<title><?phpif(is_category()){ single_cat_title();}elseif(is_single() ...

WordPress首页显示多个图片及文字友谊链接的办法

本文实例讲述了WordPress首页显示多个图片及文字友谊链接的办法。分享给大家供大家参考。详细剖析如下: Wo...

如何应用wordpress钩子函数在宣布文章的同时增加一条记载

我要对文章进行排序,依照投票数的多少排,曾经投票的都会记载投票数,而没有投票的文章没有记载,默许投票...

IIS6.0下Wordpress 去掉 index.php 和 category 的办法小结

Wordpress 版本:3.3.1 一. 去掉 index.php 1. 编写404.php 文件,上传保留到博客根目录(和wordpress 的 in...

需求提交

客服服务