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 相关文章推荐
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
javascript打印输出json实例
Nov 11 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
Vue中qs插件的使用详解
Feb 07 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 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
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
延长phpmyadmin登录时间的方法
2011/02/06 PHP
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
2017/09/01 jQuery
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
2018/02/08 Javascript
详解redux异步操作实践
2018/08/15 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
浅谈python中的变量默认是什么类型
2016/09/11 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
什么是python的id函数
2020/06/11 Python
怎么快速自学python
2020/06/22 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
开办大学饮食联盟创业计划书
2014/01/29 职场文书
劲霸男装广告词
2014/03/21 职场文书
三方协议书范本
2014/04/22 职场文书
村居抓节水倡议书
2014/05/19 职场文书
个人投资合作协议书
2014/10/12 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
一文带你探究MySQL中的NULL
2021/11/11 MySQL
Python turtle编写简单的球类小游戏
2022/03/31 Python
《火纹风花雪月无双》预告“神秘雇佣兵” 紫发剑客
2022/04/13 其他游戏