zoukankan      html  css  js  c++  java
  • 兰色背景

    <!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
  • 相关阅读:
    结构体怎么组包发送
    开源语音代码eSpeak1.06 的移植到单片机的过程(二)之分析下speak.c 文件
    看看深圳的房价
    开源语音代码eSpeak1.06 的移植到单片机的过程(一)0之分析下espeak.c 文件
    开源语音代码eSpeak1.06 的学习入门
    利尔达模组CAT1 UIS8910指令的 TCP相关中文解释
    将博客搬至CSDN
    【原创】大叔问题定位分享(39)azkaban定期出现fullgc
    【原创】大叔经验分享(129)mac下启动MAT报错
    【原创】大数据基础之Doris(1)编译安装和启动
  • 原文地址:https://www.cnblogs.com/zhouein/p/5943607.html
Copyright © 2011-2022 走看看