甜·咖啡
Software Wordpress || ProE SolidWorks
rss
email
twitter
facebook
  • Funny
  • Google
  • JustPicture
  • media
  • phone
  • Software
  • System
  • Web
  • Wordpress

隐藏真实的邮箱地址

5条评论 | 550 次浏览
Posted on 2009-09-04 by xiao3

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

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

JavaScript语言: 邮件保护代码
$(document).ready(function()
{
$(".email").click(function()
    {
    var A="mengzehe"
    var B="gmail.com"
    var C=A+"@"+B;
$(this).parent().append("<img src='http://xiao3.info/image/loading.gif' />");
$(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 页面),在写内容的时候将下面这句代码加进来:

<script type="text/javascript" src="http://xiao3.info/js/email-protection.js"></script>

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

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

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

欢迎订阅: Google Reader | 鲜果 | 抓虾 | 九点 | QQ邮箱 | 有道 | 更多...

  Tags: Email, js Category: Wordpress

5 Comments

  1. 呵呵 说:
    2009年09月5日于1:06 下午

    恩~很不错的方法

    回复
  2. Google 说:
    2009年09月5日于1:07 下午

    先看看!不知道会不会影响速度!

    回复
  3. xiao3 说:
    2009年09月5日于1:11 下午

    @Google 不会的!

    回复
  4. 365hope 说:
    2009年10月23日于12:13 下午

    兄弟,你这一招还真好玩啊!
    隐藏起来,不让机器人抓取!学习了!

    回复
  5. Ivan 说:
    2009年12月25日于8:08 下午

    Hi there,
    Thank you! I would now go on this blog every day!
    Have a nice day
    Ivan

    回复

Leave a Reply

点击这里取消回复


订阅

    Rss Feed Twitter @ mengzehe

相关文章

  • Wordpress自动输入个人信息javascript标签
  • 2010世界杯网页插件
  • Wordpress 免插件输出最新 Twitter
  • Wordpress自动输入个人信息javascript标签
  • 腾出来一些东西

最近文章

  • 为您的 Google App Engine 应用提供免费的加速服务
  • 性感美女演唱Twitter之歌
  • 申请属于自己的免费Twitter Api
  • Google Chrome Web Apps
  • 老大哥在看着你
  • 美国队赢啦
  • 2010南非世界杯各国海报——ESPN出品
  • Taobao For Chrome 淘宝及支付宝功能插件

热评文章

  • 成功搜到t.qq.com的invite (91)
  • 放出奇艺邀请50枚 (51)
  • 免费高速代理软件Puff (33)
  • 看图不说话【4】 (25)
  • 免翻墙观看Youtube视频(Firefox 和 Chrome) (21)
  • 《我的身体,我的心 - 初学者的 SM 指导》中文版 (21)
  • Wordpress评论栏优化概括 (19)
  • 使用jQuery为非站内超链接添加图标 (16)

最近评论

分类存档


  • 投稿
  • 合作
  • 存档
  • Links
  • 订阅
  • ghs
  • 关于
  • 登录
Powered by Wordpress  |  Designed by WebTreats