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脚本学习 比较实用的基础
Sep 07 Javascript
页面版文本框智能提示JS代码
Nov 20 Javascript
jquery自动完成插件(autocomplete)应用之PHP版
Dec 15 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
Vue中引入样式文件的方法
Aug 18 Javascript
vue.js中toast用法及使用toast弹框的实例代码
Aug 27 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
Aug 03 Javascript
vue3.0生命周期的示例代码
Sep 24 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/12/05 PHP
phpinfo 系统查看参数函数代码
2009/06/05 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
破除网页鼠标右键被禁用的绝招大全
2006/12/27 Javascript
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
Python的组合模式与责任链模式编程示例
2016/02/02 Python
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
python验证码识别实例代码
2018/02/03 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
python 伯努利分布详解
2020/02/25 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
党员创先争优公开承诺书
2014/03/28 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android