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 相关文章推荐
FF IE兼容性的修改小结
Sep 02 Javascript
面向对象的javascript(笔记)
Oct 06 Javascript
Jquery从头学起第四讲 jquery入门教程
Aug 01 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
在JS数组特定索引处指定位置插入元素
Jul 27 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 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 中的类
2006/10/09 PHP
php array_search() 函数使用
2010/04/13 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
Python中使用asyncio 封装文件读写
2016/09/11 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
Python函数装饰器实现方法详解
2018/12/22 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
自荐信的五个重要部分
2013/10/29 职场文书
大一自我鉴定范文
2013/12/27 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
群众路线领导对照材料
2014/08/23 职场文书
尊师重教演讲稿
2014/09/04 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
张丽莉观后感
2015/06/16 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS