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 相关文章推荐
javascript开发技术大全 第4章 直接量与字符集
Jul 03 Javascript
JavaScript 更严格的相等 [译]
Sep 20 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
js实现限定区域范围拖拉拽效果
Nov 20 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
Extjs学习笔记之八 继承和事件基础
2010/01/08 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
Python实现简单状态框架的方法
2015/03/19 Python
探究Python中isalnum()方法的使用
2015/05/18 Python
Python如何为图片添加水印
2016/11/25 Python
python3爬取数据至mysql的方法
2018/06/26 Python
Python把对应格式的csv文件转换成字典类型存储脚本的方法
2019/02/12 Python
对python中各个response的使用说明
2020/03/28 Python
python爬虫请求头设置代码
2020/07/28 Python
python list的index()和find()的实现
2020/11/16 Python
如何在网站上添加谷歌定位信息
2016/04/16 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
医药销售求职信范文
2014/02/01 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
毕业生评语大全
2015/01/04 职场文书
摘录式读书笔记
2015/07/01 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
mysql联合索引的使用规则
2021/06/23 MySQL
MySQL 服务和数据库管理
2021/11/11 MySQL
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server