把评论头像变成圆圈并转动，没什么技术含量，看代码就行！   首先，找到你评论头像的CSS，假如你的头像  touxiang img{}   那么，就在属性里面加上下面的这段CSS border-radius: 50%; -webkit-transition: .4s all ease-in-out; -moz-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; -ms-transition: .4s all ease-in-out; transition: .4s all ease-in-out; 然后，找到 tx:hover img{},在属性里面加上 -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); 千万不要照着我的写出了  touxiang  img  我这是举例，每个人的都不一样 最后的效果如本站的评论头像 如有问题，请留言给我

功能欣赏 功能介绍 本插件为蓝叶大神开发，利用fancybox代码制作的一款适用于EMLOG程序的图片查看特效插件，安装激活插件，自动为a标签链接地址以图片格式结尾的图片添加看图特效；启用插件后，请确认下你的网站模版是否已经加载了jquery库，如果没有请在插件管理里启用加载jquery库；fancybox不仅仅可以实现看图特效，也可以使用在iframe框架调用和显示指定div容器里的内容，具体请自行百度搜索参考fancybox说明，在后台扩展服务看图插件设置里有简单的例子说明。 下载后台上传激活即可

基于HTML+JS完整好看的弹窗代码，代码提取于明月浩空的模板非常的实用！ 截图 HTML <a href="javascript:void(0)" onclick="weixin('图片地址')">输出位置</a> <div class="wxbox" style="display: none;"><ul><p class="wxclose"><span class="wxtitle"></span><a href="javascript:;" title="关闭"><i class="fa fa-times"></i></a></p><span class="wxpic"></span></ul></div> JS function weixin(a) { $(".blackground").fadeIn(100); $(".wxtitle").html('<i class="fa fa-qrcode"></i> <span style="color:#f00">微信</span> 扫一扫关注') $(".wxbox,.wxpic").animate({ opacity: "show", marginTop: "-170px" }, "slow") var wx = new Image(); wx.src =a; wx.onload = function() { setTimeout(function() { $(".wxpic").html('<img src="'+wx.src+'" style="width:260px;height:240px;margin-top:-10px">') }, 100) }; }; $(function(){jQuery(function() { var meta = document.getElementsByTagName('meta'); var a = encodeURIComponent(location.href), b = encodeURIComponent(document.title); $(".wxclose a").click(function() { $(".blackground").fadeOut(100); $(".wxbox").animate({ opacity: "hide", marginTop: "-300px" }, "slow") }) })}); CSS .wxbox{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:0 0 0 -150px;padding:20px;width:300px;height:300px;border-radius:20px;background-color:#fff;box-shadow:0 0 10px #000} .wxbox .wxclose{margin-bottom:10px;color:#000;font-weight:700;font-size:18px} .wxbox .wxclose a{float:right;display:block;width:19px;height:19px;-webkit-transition:all .6s ease-in-out 0s;-moz-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s} 以上教程结束！