隐藏真实的邮箱地址

xiao3 — Fri, 04 Sep 2009 05:00:30 +0000

一般我们在网站上都要贴出自己的邮箱地址，而普遍的方法是用特殊标记代替或者是使用图片格式的地址，今天这里要介绍的是采用代码的方式来显示你的真实邮箱地址，代码不多，比较适合那些不折腾会死星人来使用……

首先我们先将下面的这段代码保存为一个 JS 文件，名字可以自己取，比如 email-protection.js ，方便自己记住。

$(document).ready(function()
{
$(".email").click(function()
    {
    var A="mengzehe"
    var B="gmail.com"
    var C=A+"@"+B;
$(this).parent().append("");
$(this).hide();
    setTimeout(function()
        {
            var D=$(".email");
                D.next().hide();
                D.text(C);
                D.attr("href","mailto:"+C).unbind("click");
                D.fadeIn(1000)
        },3000)
    })
})

其中， http://xiao3.info/image/loading.gif 这个图片是为了让人觉得有一个等待的时间，说白了就是忽悠人的！大家只要将上面代码里面的 “mengzehe” 和 “gmail.com” 换成你的邮箱地址的相应部分就可以啦！

然后再将这个 JS 文件上传到你的博客空间，记住好这个文件的地址，这个时候我们在要添加邮箱地址的页面（比如我的 About 页面），在写内容的时候将下面这句代码加进来：

最后再加上这段代码就可以将你的 Email 地址真正的隐藏起来啦！

style="color:#F00">Gmail style="color:#060"> & style="color:#00F">Gtalk： href="javascript:void(0)" class="email">点击查看

具体的效果，大家可以看我的 About 页面。

甜·咖啡» Email

隐藏真实的邮箱地址