WordPress JQuery处理沙发头像


Posted in Javascript onJune 22, 2009

我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文(建议看看,好文章),就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢,如下截图效果。
WordPress JQuery处理沙发头像
做法首先是你的网站加载了JQuery,然后在你需要放置沙发头像的地方添加一个<div>,内容为空即可:

<div id="shafa"></div>

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

这样就可以啦,注意上面的
avatar
假设是你主题模板中包含头像图片的样式名称;然后
:last
这一处是对于象我一样的倒序留言板设定的,因为沙发的同学是在留言列表的最后;而对于顺序留言板,则改为
:first

还有就是不要忘记进行CSS的样式定义。再有的是利用相同的方法你可以复制指定的内容,如沙发的留言内容,名字等,只要对应一下它们的样式名称则可。
Javascript 相关文章推荐
基于jquery的cookie的用法
Jan 10 Javascript
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
javascript函数中参数传递问题示例探讨
Jul 31 Javascript
ECMAScript6新增值比较函数Object.is
Jun 12 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 Javascript
JQuery 前台切换网站的样式实现
Jun 22 #Javascript
利用JQuery为搜索栏增加tag提示
Jun 22 #Javascript
web 页面分页打印的实现
Jun 22 #Javascript
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 #Javascript
实现超用户体验 table排序javascript实现代码
Jun 22 #Javascript
js 单引号 传递方法
Jun 22 #Javascript
使弱类型的语言JavaScript变强势
Jun 22 #Javascript
You might like
PHP中防止SQL注入实现代码
2011/02/19 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
在Yii2特定页面如何禁用调试工具栏Debug Toolbar详解
2017/08/07 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
JavaScript实现跟随滚动缓冲运动广告框
2017/07/15 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
JavaScript数组排序小程序实现解析
2020/01/13 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
Python入门篇之对象类型
2014/10/17 Python
Python简明入门教程
2015/08/04 Python
python操作excel的方法
2018/08/16 Python
Windows 64位下python3安装nltk模块
2018/09/19 Python
Python 判断图像是否读取成功的方法
2019/01/26 Python
基于python实现对文件进行切分行
2020/04/26 Python
python如何求100以内的素数
2020/05/27 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
高级运动鞋:GREATS
2019/07/19 全球购物
Servlet方面面试题
2016/09/28 面试题
公证委托书模板
2014/04/03 职场文书
销售提升方案
2014/06/07 职场文书
集中采购方案
2014/06/10 职场文书
中学清明节活动总结
2014/07/04 职场文书
道歉短信大全
2015/05/12 职场文书
WINDOWS下安装mysql 8.x 的方法图文教程
2022/04/19 MySQL