兰色背景

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
<style type="text/css"> 
.table-login{border:1px solid #b8d4e8;}
.button-login{text-align:center; color:#FFF; cursor:pointer; background-color:#005eac; border:1px solid #124680;} 
</style>
 
<!--[if lt IE 9]>
    <script src="js/css3-mediaqueries.js"></script>
<![endif]-->
 
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/encode.js" type="text/javascript"></script>
 
<script type='text/javascript'> 
 
var time_out=2;//
var call_me="请拨打电话:0571-83055016";    //对话框文本
var weburl=""; //登录后打开第1个通告 tgfile.htm?fn=0 网站必须带http://
var save_time=72;//小时数
 
function addCookie(objName,objValue){
    var str = objName + "=" + escape(objValue);
    if(save_time > 0){
        var date = new Date();
        var ms = save_time*3600*1000;
        date.setTime(date.getTime() + ms);
        str += "; expires=" + date.toGMTString();
    }
    document.cookie = str;
}
function getCookie(objName){
    var arrStr = document.cookie.split("; ");
    for(var i = 0;i < arrStr.length;i ++){
        var temp = arrStr[i].split("=");
        if(temp[0] == objName) return unescape(temp[1]);
    }
    return "";
}        
function delCookie(name){
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "=a; expires=" + date.toGMTString();
}
 
document.onkeydown = ondockeydown;
function ondockeydown(ev){
    var eve = (typeof event == "undefined") ? ev : event;
    var keyCode = (eve.which) ? eve.which : eve.keyCode;
    if(keyCode == 13) tijiao();
}
 
function tijiao(){
    var usr=$("#usr").val();
    var pwd=$("#usr").val();
    var str="auth.asp?usr="+usr+"&pwd="+pwd;
    if ($("#save")[0].checked){
        addCookie("usr", usr);
        addCookie("pwd", pwd);
        addCookie("save", true);
        addCookie("auto", $("#auto")[0].checked);
    }
    var data_str=encodeToGB2312(str);
    $.ajax({
        type: "GET",
        url: data_str,
        success: post_fun,
        error: null,
        timeout: 10000,
        dataType: "json",
        cache: false
    });
}
 
function post_fun(msg){
var url = "";
    if(msg.ret==0){
        addCookie("ip", msg.i);
        url = msg.l;
        if(url.length <= 7)
            url = get_ld();
        if(msg.e == '0')
            url = "";    
        if(weburl=="") weburl="userinfo.htm?u="+ $("#usr").val()+"&i="+msg.i+"&l="+url;
        window.location.replace(weburl);
    }else{
        gotousr();
        alert(msg.msg);
    }
}
 
function get_ld(){
    var tmp = window.location.href.split("ld=");
    if(tmp.length==2) return tmp[1];
    return "";
}    
 
var ld="";
var init=0;
 
var browser={
    versions:function(){
        var u = navigator.userAgent;
        return {
            mobile: (!!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/)) && u.indexOf('Windows NT') == -1
            //mobile: (!!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/))
        }
    }()
};
 
$(function(){
    ld=get_ld();
    var get_val=getCookie("save");
    if (get_val){
        $("#usr").val(getCookie("usr"));
        $("#pwd").val(getCookie("pwd"));
        $("#save")[0].checked=true;
        get_val=getCookie("auto");
        if (get_val == "true" ){
            $("#auto")[0].checked=true;
            if (time_out>0){
                setTimeout(autologon, time_out*1000);
            }else{
                tijiao();
            }
        }else{
            time_out=-1;
        }
    }
    gotousr();
    
    //**
    if(browser.versions.mobile){
        $(".table-login").width('96%').css({
            'margin-left':'2%'
        });
    }else{
        $("td").css({
            'font-size':'12px'
        });
        
        $("body").css({
            'margin':'0'
            ,'width':'99%'
            ,'height':'99%'
        });
        
        $(".table-login").width(400);
        
        $("#td_usr,#td_pwd").width(80);
        $("#usr,#pwd").width(200);
        
        $("#tijiao").addClass("button-login");
        
        var left = ($("body").width() - $(".table-login").width())/2;
        var top = ($("body").height() - $(".table-login").height())/2;
        
        $(".table-login").css({
            'margin-left':left+'px'
            ,
            'margin-top':top+'px'
        });
    }
    //**
});
 
function autologon(){
    if (time_out>=0) tijiao();
}
 
function val_edit(obj){
    if(init>0) time_out=-1;
}
 
function gotousr(){
    init=1;
    $("#usr").select();
    $("#usr").focus();
}
 
function save_ck(obj){
    val_edit();
    if(!obj.checked){
        $("#auto")[0].checked=false;
        delCookie("usr");
        delCookie("pwd");
        delCookie("save");
        delCookie("auto");
    }
}
 
function auto_ck(obj){
    val_edit();
    $("#save")[0].checked=obj.checked;
}
 
function newuser(){
    alert(call_me);
    return false;
}
function zhifu(){
    alert('支付宝或微信帐户均为:15336500025');
    return false;
}
</script>
</head>
 
<body oncontextmenu='return false;' style="color:#FFF;background-color:#0088CC">
 
<table cellpadding="2" cellspacing="2" class="table-login" style="background-color:#0088CC">
    <tr>
        <td colspan="2" align="center">
            <h1>收费网络</h1>没有注册账户请勿连接该无线网络
            <hr size="1" />
        </td>
    </tr>
    <tr>
        <td align="right" id="td_usr">手机号:</td>
        <td>
            <input name="usr" id="usr" type="text" maxlength="31" onClick="val_edit(this);" onChange="val_edit(this);">
        </td>
    </tr>
    <!--<tr>
        <td align="right" id="td_pwd">密码:</td>
        <td>
            <input name="pwd" id="pwd" type="password" maxlength="31" onClick="val_edit(this);" onChange="val_edit(this);">
        </td>
    </tr>-->
    <tr>
        <td>&nbsp;</td>
        <td>
            <input name="save" id="save" type="checkbox" onClick="save_ck(this);">记住账户
            <input name="auto" id="auto" type="checkbox" onClick="auto_ck(this);">自动登录
        </td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>
            <input type="button" id="tijiao" value="登 录" onclick='tijiao()'>
            &nbsp;
            <a href="javascript:void(0);" onClick="newuser();">忘记密码</a>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <hr size="1" />
            <span style="float:left">30.00元/月(限制一台设备);<br>50.00元/月(不限制设备数量)<br>支付宝转账后联系开通!</span>
            <a style="float:right;" href="javascript:void(0);" onClick="zhifu();">申请</a>
        </td>
    </tr>
    
    <tr>
        <td colspan="2" id="test">
            
        </td>
    </tr>
</table>
 
</body>
</html>
View Code
原文地址:https://www.cnblogs.com/zhouein/p/5943607.html