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中判断一个元素下面是否有内容或者有某个标签的判断代码
Feb 02 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
基于jQuery实现收缩展开功能
Mar 18 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
Bootstrap在线电子商务网站实战项目5
Oct 14 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
Nov 23 Javascript
Angular中管道操作符(|)的使用方法
Dec 15 Javascript
详解javascript设计模式三:代理模式
Mar 25 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
Yii学习总结之安装配置
2015/02/22 PHP
php字符串函数学习之substr()
2015/03/27 PHP
php时间计算相关问题小结
2016/05/09 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
php数据序列化测试实例详解
2017/08/12 PHP
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
javascript定义函数的方法
2010/12/06 Javascript
javascript实现的元素拖动函数宿主为浏览器
2014/07/21 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
Python实现的RSS阅读器实例
2015/07/25 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
解决Python 写文件报错TypeError的问题
2020/10/23 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
shell程序中如何注释
2012/02/17 面试题
财务会计专业求职信范文
2013/12/31 职场文书
初一英语教学反思
2014/01/11 职场文书
前厅收银主管岗位职责
2014/02/04 职场文书
致铅球运动员加油稿
2014/02/13 职场文书
机械制造毕业生求职信
2014/03/03 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
优秀学生主要事迹怎么写
2015/11/04 职场文书
python爬虫selenium模块详解
2021/03/30 Python
详解JS ES6编码规范
2021/05/07 Javascript
漫画「狩龙人拉格纳」公开TV动画预告图
2022/03/22 日漫