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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
js限制文本框为整数和货币的函数代码
Oct 13 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
Feb 28 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 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
写一个用户在线显示的程序
2006/10/09 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
laravel 框架配置404等异常页面
2019/01/07 PHP
javascript,jquery闭包概念分析
2010/06/19 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
2017/08/18 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
python中循环语句while用法实例
2015/05/16 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
python虚拟环境virtualenv的使用教程
2017/10/20 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
Python time库基本使用方法分析
2019/12/13 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
初中同学聚会感言
2014/02/11 职场文书
军训考核自我鉴定
2014/02/13 职场文书
平安校园建设方案
2014/05/02 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
士兵突击观后感
2015/06/16 职场文书
升学宴家长答谢词
2015/09/29 职场文书
会计做账心得体会
2016/01/22 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang
对讲机的最大通讯距离是多少
2022/02/18 无线电
一文搞懂Redis中String数据类型
2022/04/03 Redis
SQL Server删除表中的重复数据
2022/05/25 SQL Server