⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 index.html

📁 一个很不错的邮件登陆界面,免费的邮件登陆页面
💻 HTML
字号:
🔍 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>免费邮箱</title>
<meta name="title" content="免费邮箱">
<meta name="keywords" content="电子邮件,电子邮箱,网易邮箱,免费邮箱,免费网盘,网络硬盘,Free Email">
<meta name="description" content="免费邮箱，3G空间，支持超大20兆附件，280兆网盘，还有大量好听易记的帐号名字等你注册">
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script language="JavaScript">
<!--
function fCheck(){
	form.user.value = fTrim(form.user.value); //Trim the input value.

	if( form.user.value =="") {
		alert("\请输入你的用户名 !");
		form.user.focus();
		return false;
	}
	if( form.password.value.length =="") {
		alert("\请输入你的密码 !");
		form.password.focus();
		return false;
	}
	document.form.username.value = document.form.user.value;
	fStyle();
	if(form.RmbUser.checked){
		if(document.form.bCookie.value != document.form.user.value){
			fUpdateCookie("zUser",document.form.user.value);
		}
		form.savelogin.value = 1;
	}else{
		fUpdateCookie("zUser","");
		setCookie('ntes_mail_noremember','true',true);
	}
	
	return true;
}

function fTrim(str)
{
	str=str.replace(/(^\s*)|(\s*$)/g, ""); 
	return str;
}
function fStyle()
{	
	var sUrl = document.form.secure.checked ? "https://reg.163.com/logins.jsp?" : "http://reg.163.com/login.jsp?";
	
	sUrl += "type=1&product=mailyeah&url=http://entry.mail.yeah.net/cgi/ntesdoor?lightweight%3D1%26verifycookie%3D1%26";
	// var sUrl = "http://entry.mail.yeah.net/cgi/login?hid=10010102&verifycookie=1&language=0";
	var txtStyle = document.getElementById("txtStyle");
	if(txtStyle){
		sUrl += 'style%3D' + txtStyle.value;
	}
	document.form.username.value += "@yeah.net";
	window.document.form.action = sUrl;
	var user = document.form.user;

	// fUpdateCookie("secure",document.form.secure.checked?"1":"0");
}
function fParseCookie(varName)
{
	var srcCookie	=window.document.cookie;
	if(srcCookie=="")
	{return "";}
	var nPos=srcCookie.lastIndexOf(varName+"=");
	if(nPos>0)
	{	if(nPos>=2)
		{	nPos=srcCookie.indexOf("; "+varName+"=",nPos-2);}
		else{
			nPos=srcCookie.indexOf("; "+varName+"=");
		}
	}
	if(nPos>=0)
	{	nPos=srcCookie.indexOf('=',nPos)+1;
		var nTailPos=srcCookie.indexOf("; ",nPos);
		if(nTailPos>0){
			return srcCookie.substring(nPos,nTailPos);}
		else{
			return srcCookie.substr(nPos);
		}
	}
	return "";
}
function fSetLogType(){
	var logType = fParseCookie("logType");
	var lnkStyle = document.getElementById("lnkStyle");
	var txtStyle = document.getElementById("txtStyle");
	if(logType == "4"){
		lnkStyle.innerHTML = '逍遥3.0<b class="logTb_b">　</b>';
		txtStyle.value = "4";
	}else if(logType == "9" || logType == "0"){
		lnkStyle.innerHTML = '简约3.0<b class="logTb_b">　</b>';
		txtStyle.value = "9";
	}
	
}
function saveLoginType(){
	var txtStyle = document.getElementById("txtStyle");
	var sStyle = txtStyle.value;
	if(sStyle == ""){
		sStyle = "-1";
	}
	fUpdateCookie("logType",txtStyle.value);
}

function fUpdateCookie(sName,sValue)
{
	var sCookie = "";
	var date    = new Date(2099,12,31);
	sCookie     = sName+'='+sValue+";expires=" + date.toGMTString() + ";domain=yeah.net";
	window.document.cookie = sCookie ;
}
function setCookie(name, value, isForever) {
	document.cookie = name + "=" + escape(value) + ";domain=yeah.net"  + (isForever?";expires="+  (new Date(2099,12,31)).toGMTString():"");
}

function getCookie(name) {
   var search = name + "="
   if(document.cookie.length > 0) {
      offset = document.cookie.indexOf(search)
      if(offset != -1) {
         offset += search.length
         end = document.cookie.indexOf(";", offset)
         if(end == -1) end = document.cookie.length
         return unescape(document.cookie.substring(offset, end))
      }
      else return ""
   }
}
//*** For Login UserName.
function fInitUser(){
	var sUser = fParseCookie("zUser");
	if(sUser.indexOf("@") > -1){
		sUser = sUser.split("@")[0];
	}
	document.form.user.value = sUser;
	if (sUser == "") {
		document.form.user.focus();
		document.form.autocomplete = "off";
		//document.form.RmbUser.checked = getCookie("ntes_mail_noremember")!="true";
	}else{
		document.form.bCookie.value = sUser;
		document.form.password.focus();
		document.form.autocomplete = "on";
		//document.form.RmbUser.checked = true;
	}
	document.form.RmbUser.checked = false;
}
function fGetStyleList(event) {
	var txtStyle = document.getElementById("txtStyle"); 
	var dvStyleList = document.getElementById("dvStyleList"); 
	/*var aPos = fPosition(lnkStyle);
	var x = aPos[0];
	var y = aPos[1] + 25;
	dvStyleList.style.top = y + "px";
	dvStyleList.style.left = x + "px";*/
	dvStyleList.style.display = "";
	var ulStyle = document.getElementById("ulStyle"); 
	var liList = ulStyle.getElementsByTagName("LI");
	for(var i=0;i<liList.length;i++){
		liList[i].className = "";
	}
	var styleMap = {"-1" : 0, "4" : 1, "0" : 2, "9" : 2};

	var li = liList[styleMap[txtStyle.value]];
	li.className = "choiceOn";
	fStopPropagation(event);
}
/**
 * 对象坐标
 */
function fPosition(oElement) {
	if(!oElement){
		var oElement = this;
	}
    var valueT = 0, valueL = 0;
    do {
      valueT += oElement.offsetTop  || 0;
      valueL += oElement.offsetLeft || 0;
      oElement = oElement.offsetParent;
    } while (oElement);
    return [valueL, valueT];
};
document.onclick = function(){
	var dvStyleList = document.getElementById("dvStyleList");
	dvStyleList.style.display = "none";
};
function fStopPropagation(ev) {
	if(!ev){
		ev = this.getEvent();
	}
	if (ev.stopPropagation) {
		ev.stopPropagation();
	}else{
		ev.cancelBubble = true;
	}
}
function fSetStyle(sStyle) {
	var styleMap = {"-1" : "默认版本", "4" : "逍遥 3.0", "0" : "简约 3.0", "9" : "简约 3.0"};
	var txtStyle = document.getElementById("txtStyle"); 
	var lnkStyle = document.getElementById("lnkStyle"); 
	txtStyle.value = sStyle;
	lnkStyle.innerHTML = styleMap[sStyle] + '<b class="logTb_b">　</b>';
}
function fCheckAutoLoginCookie(){
	try{
		var sPassport = getCookie("NTES_PASSPORT");
		var sSInfo = getCookie("S_INFO");
		var sPInfo = getCookie("P_INFO");
		if(sPInfo){
			var aInfo = sPInfo.split("|");
			var sTime = aInfo[1];
			var sState = aInfo[2];
			var nTimeDiff = (new Date()).getTime()-(sTime+"000");
		}
		if(!location.hash&&(sPassport||sSInfo||(sPInfo&&sState=="1"&&nTimeDiff<14*24*60*60*1000))){
			location.href='http://entry.mail.yeah.net/cgi/ntesdoor?lightweight=1&verifycookie=1&style=-1';
		}
	}catch(exp){}
}
fCheckAutoLoginCookie();
//-->
</script>

</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr height="70px">
    <td><div class="top">
    <a href="javascript:;" title="设置为浏览器首页" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.96kb.com');">设为首页</a>&nbsp;&nbsp;
    <a href="http://mail.96kb.com" target="_blank">163免费邮</a>&nbsp;&nbsp;
    <a href="http://www.96kb.com" target="_blank">126免费邮</a>
        
    </div></td>
  </tr>
  <tr>
    <td><div class="con">
        <div class="login">
          <div class="b_left"></div>
          <div class="input">
            <div class="logo"><img src="images/yeahlogo_middle.gif"></div>

			<form method=POST action="" name="form" onSubmit="saveLoginType();return fCheck()" target="_top">
			<input name="bCookie" type=hidden value="">
			<input type="hidden" name="username" />
			<input  name="savelogin" type="hidden" value="" />
			<input type="hidden" name="style" id="txtStyle" value="-1" />

			
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="logTb">
              <tr>
                <th>用户名</th>
                <td><input type="text" name="user" maxlength="20" class="input-border" />                </td>
                <td><div class="atyeah" title="@yeah.net"></div></td>
              </tr>
              <tr>
                <th>密&nbsp;&nbsp;&nbsp;&nbsp;码</th>
                <td width="90"><input type="password" name="password" maxlength="20" class="input-border"></td>
                <td><a href="" target="_blank" title="找回密码"> 忘记密码?</a></td>
              </tr>
              <tr>
                <th>&nbsp;</th>
                <td  colspan="2" style="line-height:22px; padding-top:0px; padding-left:6px; padding-bottom:10px;"><div class="Sel_Ver">
				  <span onMouseOver="document.getElementById('autoLoginDiv').style.display=''" onMouseOut="document.getElementById('autoLoginDiv').style.display='none'">
                  <input type="checkbox" name="RmbUser" id="RmbUser" class="check">
                  <label for="RmbUser">两周内自动登录</label>
				  </span>
                  &nbsp;
                  <input type="checkbox" name="secure" id="secure" checked class="check">
                  <label for="secure">SSL安全登录</label>&nbsp;<a href="" target="_blank"><img src="images/whyssl_yeah.gif" style=" vertical-align:middle; padding-bottom:2px;" title="什么是SSL登录" /> </a>
                 </div>
                <div class="Sel_Ver">
                  <input type="submit" value="" class="login-b"  onMouseOver="this.className='login-b2'" onMouseDown="this.className='login-b3'" onMouseOut="this.className='login-b'"/>
                  <a href="javascript:void(0)" id="lnkStyle" onClick="fGetStyleList(event);this.blur();" style="padding-right:10px; margin-left:12px;  line-height:40px; *line-height:46px; ">默认版本<b class="logTb_b">　</b></a>
                   <div class="choicewp">
					  <!--自动登录提示浮动-->
			       	  <div style="display:none;position:absolute; width:180px; height:38px; background-color:#fdf5cd; border:1px #FF9900 solid; left: 3px; top:-42px;*top:-47px; text-align:left; padding:5px; line-height:150%; color:#dc6800;" id="autoLoginDiv">为了您的信息安全，请不要在网吧或公用电脑上使用此功能！</div>
                      <div class="choice" style="display:none;" id="dvStyleList">
                        <ul id="ulStyle">
                          <li onClick="fSetStyle(-1);"><a href="#">默认版本</a></li>
                          <li onClick="fSetStyle(4);"><a href="#">逍遥 3.0</a></li>
                          <li onClick="fSetStyle(9);"><a href="#">简约 3.0</a> </li>
                          <!-- <li><a href="#">了解版本></a></li> -->
                        </ul>
                      </div>
                    </div>
                   </div></td>
              </tr>
              <tr>
                <th>&nbsp;</th>
                <td colspan="2" ><div class="reg">还没有yeah.net 的帐号？ <a href="" target="_blank">立即注册</a></div></td>
              </tr>
            </table>
			</form>
          </div>
          <div class="b_right"></div>
        </div>
      </div></td>
  </tr>
  <script language="JavaScript">fInitUser();fSetLogType();</script>
  <tr height="141px">
    <td><div style=" width:100%; height:141px;clear: both;">
        <div class="bottom">
          <div style="width:895px; margin:auto; margin-right:auto">
            <div class="show">
              <div class="show-word">
                <p class="show-title"><a href="" target="_blank">网易网盘</a></p>
                <p class="show-con">新一代存储设备<br>
随时随地 存取自由</p>
              </div>
              <div class="show-pic1"></div>
              <div class="show-line"></div>
            </div>
            <div class="show">
              <div class="show-word">
                <p class="show-title"><a href="" target="_blank">闪电邮</a></p>
                <p class="show-con">网易邮箱的首个客户端软件</p>
              </div>
              <div class="show-pic2"></div>
              <div class="show-line"></div>
            </div>
            <div class="show">
              <div class="show-word">
                <p class="show-title"><a href="" target="_blank">来信分类</a><a href="" target="_blank" ></a></p>
                <p class="show-con">将来信投入指定文件夹，实现轻松管理</p>
              </div>
              <div class="show-pic3"></div>
              <div class="show-line"></div>
            </div>
            <div class="pronun">
              <ul>
                <li>
                  <div class="point"></div>
                  <a href="" target="_blank">音乐盒：边写邮件边听歌</a></li>
                <li>
                  <div class="point"></div>
                  <a href="" target="_blank">网易邮箱，十年有你</a></li>
                <li>
                  <div class="point"></div>
                  <a href="" target="_blank" >网易成亚运首个互联网赞助商</a> </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="foot">
          <ul>
            <li><a href="" target="_blank">关于网易</a></li>
            <li><a href="" target="_blank">邮箱官方博客</a></li>
            <li><a href="" target="_blank">举报违法信息</a> </li>
            <li><a href="" target="_blank">客户服务</a> </li>
            <li><a href="" target="_blank">相关法律</a> </li>
            <li><a href="" target="_blank">帮助</a> </li>
          </ul>
          <div align="right">网易公司版权所有　&copy; 1997-2009&nbsp; &nbsp; </div>
        </div>
      </div></td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -