WordPress JQuery处理沙发头像

2016-02-19 15:58 0 1 收藏

给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的WordPress JQuery处理沙发头像，过去的都会过去，迎接崭新的开始，释放更美好的自己。

【 tulaoshi.com - Web开发】

我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文（建议看看，好文章），就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢，如下截图效果。
shafa-screenshot

做法首先是你的网站加载了JQuery，然后在你需要放置沙发头像的地方添加一个div，内容为空即可：
代码如下:
div id="shafa"/div

然后要做的就是利用js复制沙发的头像，并把复制的内容填入上面设定的div内：
代码如下:
$(document).ready(function() {
$(".commentlist .avatar:last img").clone().appendTo("#shafa");
});

这样就可以啦，注意上面的
avatar
假设是你主题模板中包含头像图片的样式名称；然后
:last
这一处是对于象我一样的倒序留言板设定的，因为沙发的同学是在留言列表的最后；而对于顺序留言板，则改为
:first
。
还有就是不要忘记进行CSS的样式定义。再有的是利用相同的方法你可以复制指定的内容，如沙发的留言内容，名字等，只要对应一下它们的样式名称则可。

来源:https://www.tulaoshi.com/n/20160219/1610786.html

上一篇：年轻的时候我们放弃了 - QQ图案分组
下一篇： jquery text,radio,checkbox,select操作实现代码

看过《WordPress JQuery处理沙发头像》的人还看了以下文章更多>>

WordPress JQuery处理沙发头像 02-19
JQuery 无废话系列教程(一) jquery入门 [推荐] 02-19
jQuery 练习[一] 学习jquery的准备工作 02-19
jquery tagname 取得方法 02-19
jQuery入门构造函数 02-19
jQuery 插件开发其实很简单 02-19
初试jQuery EasyUI 使用介绍 02-19
JQuery 无废话系列教程(二) jquery实战篇上 02-19
JQuery.uploadify 上传文件插件的使用详解 for A 02-19
jQuery slider Content(左右控制移动) 02-19

LazyForm jQuery plugin 定制您的CheckBox

标签： Web开发

打包下载在下面浏览器下测试通过：Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧），其它浏览器还没试过。目前刚添加了4个皮肤，添加新皮肤非常方便，您可以参考已添加的皮肤图片和css代码，相信您会很快搞定。效果截图：一、在没有使用LazyForm的情况下，在XP下运行截图如下二、使用LazyForm(皮肤Blue)效果如下三、使用L...

jQuery autocomplete插件修改

标签： Web开发

文件打包下载主要修改了两个地方：一、上下选择与输入值同步问题。输入关键字后，当出现了下拉选项，用键盘的上下键选择时，关键字输入框的值，没有与你选择的值同步。插件是老外写的，可能他没有考虑到这一点。二、修正了在firefox下中文输入，没有激活自动提交的问题。老外当然不会用到中文输入，这个bug存在也理所当然...

jQuery animate效果演示

标签： Web开发

animate(params[,duration[,easing[,callback]]]) 用于创建自定义动画的函数。br / 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到...

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

jquery 插件任意位置浮动固定层

标签： Web开发

文件打包下载 /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明：可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动*/ /*调用： 1 无参数调用：默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id").floatdiv("rightbottom"); //左...

查看更多精彩>>