2011年最后一博：仿HAO123的邮箱登录
各门户邮箱的数据来自于HAO123 很简单没啥内涵，纯属发上来作个记号，废话不多说了上代码：
引入jQuery 是必须的
html:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="mail.min.js" type="text/javascript"></script>
<form id="mailForm" method=post>
<span style="float:left" id="date_now"></span>
<span style="padding-left:20px;">
邮箱用户：<input type="text" style="width:120px;" id="mailUserName" />
密码：<input style="width:100px;" id="mailPassword" type="password" />
<select name="mailSelect" class="h" id="mailSelect" style="BORDER-RIGHT: #ffffff 0px groove; BORDER-TOP: #ffffff 0px groove; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 0px groove; BORDER-BOTTOM: #333333 1px groove; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff">
<select>
<span id="mailParas" style="display:none;"></span>
<input id="btnMailLogin" type="submit" value="登录"/>
</span>
</form>
javascript:
var mail = {
mailData:[
{
mail: "163",
name: "@163.com",
action: "http://reg.163.com/CheckUser.jsp",
params: {
url: "http://entry.mail.163.com/coremail/fcg/ntesdoor2?lightweight=1&verifycookie=1&language=-1&from=web&df=webmail163",
username: "_username_",
password: "_password_"
}
},
{
mail: "126",
name: "@126.com",
action: "https://reg.163.com/logins.jsp",
params: {
domain: "126.com",
username: "_username_@126.com",
password: "_password_",
url: "http://entry.mail.126.com/cgi/ntesdoor?lightweight%3D1%26verifycookie%3D1%26language%3D0%26style%3D-1"
}
},
{
mail: "sina",
name: "@sina.com",
action: "http://mail.sina.com.cn/cgi-bin/login.cgi",
params: {
u: "_username_",
psw: "_password_"
}
},
{
mail: "yahoocomcn",
name: "@yahoo.com.cn",
action: "https://edit.bjs.yahoo.com/config/login",
params: {
login: "_username_@yahoo.com.cn",
passwd: "_password_",
domainss: "yahoo",
".intl": "cn",
".src": "ym"
}
},
{
mail: "yahoocn",
name: "@yahoo.cn",
action: "https://edit.bjs.yahoo.com/config/login",
params: {
login: "_username_@yahoo.cn",
passwd: "_password_",
domainss: "yahoocn",
".intl": "cn",
".done": "http://mail.cn.yahoo.com/inset.html"
}
},
{
mail: "sohu",
name: "@sohu.com",
action: "http://passport.sohu.com/login.jsp",
params: {
loginid: "_username_@sohu.com",
passwd: "_password_",
fl: "1",
vr: "1|1",
appid: "1000",
ru: "http://login.mail.sohu.com/servlet/LoginServlet",
ct: "1173080990",
sg: "5082635c77272088ae7241ccdf7cf062"
}
},
{
mail: "yeah",
name: "@yeah.net",
action: "https://reg.163.com/logins.jsp",
params: {
domain: "yeah.net",
username: "_username_@yeah.net",
password: "_password_",
url: "http://entry.mail.yeah.net/cgi/ntesdoor?lightweight%3D1%26verifycookie%3D1%26style%3D-1"
}
},
{
mail: "139",
name: "@139.com",
action: "https://mail.10086.cn/Login/Login.ashx",
params: {
UserName: "_username_",
Password: "_password_",
clientid: "5015"
}
},
{
mail: "tom",
name: "@tom.com",
action: "http://login.mail.tom.com/cgi/login",
params: {
user: "_username_",
pass: "_password_"
}
},
{
mail: "21cn",
name: "@21cn.com",
action: "http://passport.21cn.com/maillogin.jsp",
params: {
UserName: "_username_@21cn.com",
passwd: "_password_",
domainname: "21cn.com"
}
},
{
mail: "renren",
name: "\u4eba\u4eba\u7f51",
action: "http://passport.renren.com/PLogin.do",
params: {
email: "_username_",
password: "_password_",
origURL: "http://www.renren.com/Home.do",
domain: "renren.com"
}
},
{
mail: "baidu",
name: "\u767b\u5f55\u767e\u5ea6",
action: "https://passport.baidu.com/?login",
params: {
u: "http://passport.baidu.com/center",
username: "_username_",
password: "_password_"
}
},
{
mail: "51",
name: "51.com",
action: "http://passport.51.com/login.5p",
params: {
passport_51_user: "_username_",
passport_51_password: "_password_",
gourl: "http%3A%2F%2Fmy.51.com%2Fwebim%2Findex.php"
}
}],
init:function(){
var $mailSelect = $('#mailSelect');
var $mailUserName =$('#mailUserName');
var $mailPassword = $('#mailPassword');
var $mailParas = $('#mailParas');
var md = mail.mailData;
var p=[];
$mailSelect.empty(); //清空邮箱列表
for(var i=0;i<md.length;i++){
$mailSelect.append('<option value="'+md[i].mail+'">'+md[i].name+'</option>');
}
$mailSelect.change(function(){
var mailName = $(this).val();
var m = mail.find(mailName,md);
if(m){
p = [];
for(var key in m.params){
p.push('<input type="hidden" name="'+ key+'" value="'+m.params[key].replace(/_username_/,$mailUserName.val()).replace(/_password_/,$mailPassword.val())+'" />');
};
$mailParas.empty().html(p.join(''));
$('#mailForm').attr('action',m.action);
}
}).change();
$('#mailForm').bind('submit',function(){
return mail.check();
});
},
check:function(){
var $mailSelect = $('#mailSelect');
var $mailUserName =$('#mailUserName');
var $mailPassword = $('#mailPassword');
if($mailUserName.val()==''){
alert('请输入您的邮箱登录名称！');
return false;
}else if($mailPassword.val()==''){
alert('请输入您的登录密码！');
return false;
}else{
$mailSelect.change();
$mailPassword.val('');
outWin=window.open('','','scrollbars=yes,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes');
doc=outWin.document;
doc.open('text/html');
doc.write('<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>邮箱登录</title></head><body onload="document.tmpForm.submit()">');
doc.write('<p align="center" style="font-size: 14px; color: #FF0000">正在登录系统，请稍候......</p><form name="tmpForm" action="'+$('#mailForm').attr('action')+'" method="post">'+$('#mailParas').html()+'</form></body></html>');
doc.close();
return false;
}
},
find:function(mail,md){ //根据mail名称查找
for(var i=0;i<md.length;i++){
if(md[i].mail == mail)
return md[i];
}
}
}
$(function(){
mail.init();
})
如果想添加更多的邮箱，自己加吧！
转载请注明，来自于疯狂秀才的博客
