副标题—我不下地狱，谁下地狱。
本来类似的东西之前非常有规划的整理过，但是一直都在等zblog1.9问世才打算弄，不过目前看…1.9遥遥无期…所以还是拿出来晒晒，不然该长霉了。当然，我也只是个User，基本上这些东西，我都是搬来别人的，代码里会有显示作者。
不是什么很难的技巧，一周放出1到2个，也算是让我这快长草的博客恢复一下生机。
函数库篇：
首先你需要下载这个文件：右键另存为到本地，然后上传到你博客里随便一个地方。
在模板文件single.html中，将这个js脚本很好的引入，HTML5的话，这样写就可以了：
[CODE=html]
[/CODE]
函数调用篇：
下面这段代码随你怎么放，放在默认的/script/common.js里一般就可以，或者你放在上面那个js里也应该没问题。
[code=js]
//Gravatar Now!此函数来自 HP esloy.com
function getGravatarNow(){
var emailMD5=hex_md5($("#inpEmail").val());
var $obj=$("#gravatarNow>img");
$obj.attr("src",$obj.attr("src").replace(/avatar\/[^?]*\?s=/i,"avatar/"+emailMD5+"?s="));
}
[/code]
函数对象篇：
然后你需要修改模板文件b_article_commentpost.html，找一个合适的位置，添加以下代码：
[code=html]
[/code]
代码中SRC=的其中的参数我就不解释了，自己看官方文档，那段可以换成自己的喜欢的默认头像。
函数触发篇：
还是这个文件b_article_commentpost.html，你需要找到这样一行，在默认主题里是这么写的：
[code=html]
[/code]
加上函数触发语句之后变成这个样子，你可以选择直接替换，如果你的这句话里没有特殊内容的话。
[code=html]
[/code]
如果想让这个函数触发再稍微完美一点点，你需要在common.js中加入这段脚本：
[code=js]
$(document).ready(function(){
getGravatarNow();
});
[/code]
这几步都做好之后，你需要来一个文件重建才能看得到效果。因为你的主题中不会有对于#gravatarNow的CSS定义，所以你还需要适当修改你的CSS，以实现美观的效果。
所谓网页页面之美化特效，大多离不开本文中的几步：1-引入特效库，2-引入子函数，3-设置好函数要操作的对象，4-让函数在某个动作下触发生效。
15 Responses to “Z-blog技巧之留言填写邮箱后立即显示头像”
Sorry, the comment form is closed at this time.
不错，不过加载JS会比较慢[GRAVATAR=http://www.birdol.com/]acb31bc1883ad280a90d8044f61b3009[/GRAVATAR]
效果还不错。
姗姗来迟的极品啊、此功能己按你的方法用上，很棒、感谢你这大鸟。
副标题····怎么那么有趣的··········
还不知道这个呢
你这帖要发到论坛里去、不然真像你说的要长草了~~
如此好文怎么能错过，赶快……
向鸟儿求助，写日志时候，编辑器里面突然发现不能选择字体大小了。。。。。
还有，添加超链接也不能用了。。。。。。
还好，不错
惨，不懂CSS，真无奈
不错不错,我说怎么我还没回复头像就在边上展示出来了呢.
刚改了，试一下