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 相关文章推荐
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
原生JavaScript编写俄罗斯方块
Mar 30 Javascript
微信WeixinJSBridge API使用实例
May 25 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 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开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
javascript 写类方式之十
2009/07/05 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
js中的事件捕捉模型与冒泡模型实例分析
2015/01/10 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
用Python写冒泡排序代码
2016/04/12 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
Python通过len函数返回对象长度
2020/10/22 Python
介绍一下Ruby的多线程处理
2013/02/01 面试题
机械设计职业生涯规划书
2013/12/27 职场文书
电气个人求职信范文
2014/02/04 职场文书
物流毕业生个人的自我评价
2014/02/13 职场文书
迎元旦广播稿
2014/02/22 职场文书
什么是就业协议书
2014/04/17 职场文书
网页美工求职信范文
2014/04/17 职场文书
2014年售后服务工作总结
2014/11/18 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
关于分班的感言
2015/08/04 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server