作家
登录

WordPress JQuery处理沙发头像

作者: 来源:www.28hudong.com 2013-03-30 02:31:53 阅读 我要评论

我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文(建议看看,好文章),就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢,如下截图效果。做法首先是你的网站加载了JQuery,然后在你需要放置沙发头像的地方添加一个<div>,内容为空即可: 复制代码 代码如下:<div id="shafa"></div> 然后要做的就是利用js复制沙发的头像,并把复制的内容填入上面设定的<div>内: 复制代码 代码如下:$(document).ready(function() { $(".commentlist .avatar:last img").clone().appendTo("#shafa"); }); 这样就可以啦,注意上面的 avatar 假设是你主题模板中包含头像图片的样式名称;然后 :last 这一处是对于象我一样的倒序留言板设定的,因为沙发的同学是在留言列表的最后;而对于顺序留言板,则改为 :first 。 还有就是不要忘记进行CSS的样式定义。再有的是利用相同的方法你可以复制指定的内容,如沙发的留言内容,名字等,只要对应一下它们的样式名称则可。

  推荐阅读

  一个很酷的拖动层的js类,兼容IE及Firefox

自己优化修改了网上的一个JS拖动类,增加了拖动时显示半透明的特效。 http://www.jb51.net/article/16122.htm注意,本文类中的Cminfo类请 查看:http://www.jb51.net/article/18760.htm复制代码 代码如下://******>>>详细阅读


本文标题:WordPress JQuery处理沙发头像

地址:http://www.17bianji.com/kaifa2/JS/28536.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)