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 相关文章推荐
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
利用JS实现数字增长
Jul 28 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 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
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
使用JavaScript 实现的人脸检测
2015/03/24 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
JS图片定时翻滚效果实现方法
2016/06/21 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
Python 解析XML文件
2009/04/15 Python
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
Python文件操作函数用法实例详解
2019/12/24 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())
2021/02/22 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
英语商务邀请函范文
2014/01/16 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
机关作风建设工作总结
2014/10/23 职场文书
CSS预处理框架——Stylus
2021/04/21 HTML / CSS