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 全角转半角部分
Oct 28 Javascript
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
菜鸟javascript基础整理1
Dec 06 Javascript
前端性能优化及技巧
May 06 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
vue-cli项目无法用本机IP访问的解决方法
Sep 20 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 Javascript
JS深入学习之数组对象排序操作示例
May 01 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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的命名空间与自动加载实现方法
2019/08/25 PHP
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
js数组去重的hash方法
2016/12/22 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
2020/11/09 jQuery
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
简单介绍Python中用于求最小值的min()方法
2015/05/15 Python
python实现任意位置文件分割的实例
2018/12/14 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
Django实现文件上传和下载功能
2019/10/06 Python
使用Python实现批量ping操作方法
2020/05/06 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
python实现画图工具
2020/08/27 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
Notino瑞典:购买香水和美容产品
2019/07/26 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
数控专业推荐信范文
2013/12/02 职场文书
四风查摆问题及整改措施
2014/10/10 职场文书
股东授权委托书
2014/10/15 职场文书
单位接收函格式
2015/01/30 职场文书
药品开票员岗位职责
2015/04/15 职场文书
创业计划书之养殖业
2019/10/11 职场文书
整理Python中常用的conda命令操作
2021/06/15 Python
springboot用户数据修改的详细实现
2022/04/06 Java/Android