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控制浏览器全屏示例代码
Feb 20 Javascript
angularJS提交表单(form)
Feb 09 Javascript
JS实现两表格里数据来回转移的方法
May 28 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
May 11 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
vuex管理状态仓库使用详解
Jul 29 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 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扩展开发经验分享
2012/09/06 PHP
php之header的不同用法总结(实例讲解)
2017/11/28 PHP
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
使用js 设置url参数
2013/07/08 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
基于wordpress的ajax写法详解
2018/01/02 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
解决vue 更改计算属性后select选中值不更改的问题
2018/03/02 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
详解如何在Vue里建立长按指令
2018/08/20 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
Vue实现todo应用的示例
2021/02/20 Vue.js
跟老齐学Python之Python文档
2014/10/10 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
用python生成1000个txt文件的方法
2018/10/25 Python
Python中Numpy ndarray的使用详解
2019/05/24 Python
使用python将微信image下.dat文件解密为.png的方法
2020/11/30 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
文科教师毕业的自我评价
2014/01/16 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
初中学习计划书范文
2014/09/15 职场文书
防暑降温通知书
2015/04/27 职场文书
如何写辞职信
2015/05/13 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
Java 在线考试云平台的实现
2021/11/23 Java/Android
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL