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 相关文章推荐
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
IE之动态添加DOM节点触发window.resize事件
Jul 27 Javascript
用jquery和json从后台获得数据集的代码
Nov 07 Javascript
js跑马灯代码(自写)
Apr 17 Javascript
Jquery为a标签的href赋值实现代码
May 03 Javascript
JavaScript的面向对象编程基础
Aug 13 Javascript
详解javascript事件冒泡
Jan 09 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
angular+ionic返回上一页并刷新页面
Aug 08 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
JavaScript中的函数式编程详解
Aug 22 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使用strtotime和date函数判断日期是否有效代码分享
2013/12/25 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
PHP加密解密函数详解
2015/10/28 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
javascript中interval与setTimeOut的区别示例介绍
2014/03/14 Javascript
谈谈impress.js初步理解
2015/09/09 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
2015/12/24 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
js+canvas实现画板功能
2020/09/13 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
Python的时间模块datetime详解
2017/04/17 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
任意存:BOXFUL
2018/05/21 全球购物
预备党员入党自我评价范文
2014/03/10 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
nginx请求限制配置方法
2021/07/09 Servers