根据邮箱的域名跳转到相应的登录页面的代码

 更新时间:2012年02月27日 22:42:13   作者:  
其实主要是想记录一下这种对象的用法,喜欢的朋友可以参考下
复制代码 代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>js邮箱地址跳转</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var hash={
'qq.com': 'http://mail.qq.com',
'gmail.com': 'http://mail.google.com',
'sina.com': 'http://mail.sina.com.cn',
'163.com': 'http://mail.163.com',
'126.com': 'http://mail.126.com',
'yeah.net': 'http://www.yeah.net/',
'sohu.com': 'http://mail.sohu.com/',
'tom.com': 'http://mail.tom.com/',
'sogou.com': 'http://mail.sogou.com/',
'139.com': 'http://mail.10086.cn/',
'hotmail.com': 'http://www.hotmail.com',
'live.com': 'http://login.live.com/',
'live.cn': 'http://login.live.cn/',
'live.com.cn': 'http://login.live.com.cn',
'189.com': 'http://webmail16.189.cn/webmail/',
'yahoo.com.cn': 'http://mail.cn.yahoo.com/',
'yahoo.cn': 'http://mail.cn.yahoo.com/',
'eyou.com': 'http://www.eyou.com/',
'21cn.com': 'http://mail.21cn.com/',
'188.com': 'http://www.188.com/',
'foxmail.coom': 'http://www.foxmail.com'
};

$(function(){
$(".mail").each(function() {
var url = $(this).text().split('@')[1];
for (var j in hash){
$(this).attr("href", hash[url]);
}
});
})
</script>
</head>

<body>
<a href="#" target="_blank" class="mail">laike@qq.com</a> <br>
<a href="#" target="_blank" class="mail">laike@gmail.com</a> <br>
<a href="#" target="_blank" class="mail">laike@sina.com</a> <br>
<a href="#" target="_blank" class="mail">laike@163.com</a> <br>
<a href="#" target="_blank" class="mail">laike@souhu.com</a> <br>
<a href="#" target="_blank" class="mail">laike@hotmail.com</a>
</body>
</html>

相关文章

  • JQuery将字符串转为json对象的四种方法

    JQuery将字符串转为json对象的四种方法

    本文主要介绍了JQuery将字符串转为json对象的四种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • JQuery简单实现锚点链接的平滑滚动

    JQuery简单实现锚点链接的平滑滚动

    在平时的项目中,我们经常需要一些特效链接,如果使效果进一步加强,我们可以使点击锚点链接平滑滚动到锚点,下面就来给大家讲解下如何使用jQuery来实现。
    2015-05-05
  • JQuery实现Table的tr上移下移功能

    JQuery实现Table的tr上移下移功能

    这篇文章主要为大家详细介绍了JQuery实现Table的tr上移下移功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jquery自适应布局的简单实例

    jquery自适应布局的简单实例

    下面小编就为大家带来一篇jquery自适应布局的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jquery日历插件datepicker用法分析

    jquery日历插件datepicker用法分析

    这篇文章主要介绍了jquery日历插件datepicker用法,结合实例形式分析了jquery日历插件datepicker的定义与使用技巧,需要的朋友可以参考下
    2016-01-01
  • 浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用

    浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用

    下面小编就为大家带来一篇浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • jQuery垂直多级导航菜单代码分享

    jQuery垂直多级导航菜单代码分享

    这篇文章介绍了基于jQuery实现的一个简单大方的垂直导航菜单,过度平滑,需要的朋友可以参考下
    2015-08-08
  • 页面加载完成后再执行JS的jquery写法以及区别说明

    页面加载完成后再执行JS的jquery写法以及区别说明

    本篇文章主要是对页面加载完成后再执行JS的jquery写法以及区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery简单实现彩色云标签效果示例

    jQuery简单实现彩色云标签效果示例

    这篇文章主要介绍了jQuery简单实现彩色云标签效果,结合实例形式分析了jQuery随机数运算与页面元素样式动态操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • 快速解决jQuery与其他库冲突的方法介绍

    快速解决jQuery与其他库冲突的方法介绍

    本篇文章主要是对快速解决jQuery与其他库冲突的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01

最新评论