完成学校官网页面制作

发布于:2024-04-20 ⋅ 阅读:(31) ⋅ 点赞:(0)

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>教务系统</title>

   <style>

        .wap{
            margin:0 auto;

             width:955px;

            }

        .top{
            height:150px;

            padding-left:85px;

        }

        .middle{
            height:296px;

            background-color: rgba(134, 142, 140, 0.236);

            height:296px;

            position:relative;

             width:955px;

            }

        .dl{
            width:312px;

            height:230px;

            position:absolute;

            right:60px;

            top:30px

        }

        .dlti{
            font-size:24px;

            color:#333;

            position:absolute;

            top:5px;

        }

        .dlmi{
            float:left;

            width:312px;

            line-height:20px;

            font-size:17px;

            color:#333;

            position:absolute;

            top:70px;

            }

        .dlmi input{
            /* float:right; */

            height:28px;

            width:228px;

            border:1px solid #DDDDDD;

            /* position:absolute; */

            left:60px;

            }

        .dlj{
            color:#666;

            position:absolute;

            top:180px;

            left:77px;

            width: 113px;

        }

        .dlau{
            position:absolute;

            left:140px;

            top:171px;

            height:45px;

            width:45px;

            font-size:16px;

            }

        .dlaua{
            position:absolute;

            left: 200px;px;

            top:171px;

            height:45px;

            width:45px;

            font-size:16px;

        }

        .dlau a{
            background:url(/xxgcxy_jsxsd/framework/images/index/dlau.gif) no-repeat;

             display:block;

             width:45px;

              height:45px;

            }

        .dlau1{
            position:absolute;

            left:263px;

            top:171px;

            height:45px;

            width:45px;

            font-size:16px;

        }

        .dlau1 a{
             /* background:url(./image/上传.svg) no-repeat; */

              display:block;

               width:45px;

                height:45px;

            }

        .end{
            position:absolute;

            font-size:15px;

            color:#999;

            float:left;

            width:809px;

            left: 85px;

            top: 304px;

        }

        .end span{
            float:right;

        }

        .end span a{
            color:#999;

            text-decoration:none;

            }

    .a{
        margin-left: 150px;

        margin-top: 50px;

    }

    </style>

</head>

<body>

    <div class="wap">

        <div class="top">

            <img style="padding-top:80px" src="http://bxaitjw.yinghuaonline.com/xxgcxy_jsxsd/framework/images/index/index_02.png" width="474px" height="61px"></div>

        <div class="middle">

            <img src="./image/地图导航位置.svg" class="a" >

            <div class="dl">

                <div class="dlti">用户登录</div>

                <div class="dlmi">

                    <p>用户名:</p>

                    <input type="text" id="userAccount" value="" style="position:absolute; top:7px;">

                    <p>密码:</p>

                    <input type="password" id="userPassword" value="" style="position:absolute; top:54px;">

                    <input type="hidden" id="encoded" name="encoded">

                    <font style="display: inline;white-space:nowrap;" color="red">请先登录系统</font>

                </div>

                <div class="dlj" style="display:none;">

                    <input style="margin-right:5px;" name="jzmmid" id="jzmmid" type="checkbox" value="1">

                    记住用户名

                </div>

                <input type="submit" id="btnSubmit" class="dlau" title="点击登录" value="登录">

                <input type="submit" id="btnSubmit" class="dlaua" title="点击帮助" value="帮助">

                <div class="dlau1" style="margin-left:35px">

                    <a href="https:www.baidu.com"></a>

                </div>

            </div>

            <div class="end">

                仿写非正

                <span>

                    <a href="#">隐私声明</a>

                    |

                    <a href="#">设为首页</a>

                </span>

            </div>

        </div>

    </div>

       

    <script language="javascript">

        //init();//0001571

        /*

        function init(){
            String login_username = getCookie("login_username");

            if(login_username != ""){
                document.getElementById("Form1").USERNAME.value = login_username;

            }      

        }*/

       

        function ReShowCode(){
            var SafeCodeImg = document.getElementById('SafeCodeImg');

            var url="/xxgcxy_jsxsd/verifycode.servlet?t="+Math.random();

            SafeCodeImg.src = url;

        }

       

        function submitForm1(){  

            try{
                var xh = document.getElementById("userAccount").value;

                var pwd = document.getElementById("userPassword").value;

                if(xh==""){
                    alert("用户名不能为空!");

                    return false;

                }

                if(pwd==""){
                    alert("密码不能为空!");

                    return false;

                }

                var account = encodeInp(xh);

                var passwd = encodeInp(pwd);

                var encoded = account+"%%%"+passwd;

                document.getElementById("encoded").value = encoded;

                var jzmmid = document.getElementById("Form1").jzmmid;  

                return true;            

            }catch(e){
                alert(e.Message);

                return false;

            }

        }

       

        //根据用户帐号选择登录服务器

        function selectServer(uName){
            var enableServers = true;//是否启用多服务器 true/false

            var serversArray = new Array();//服务器列表

   

           

       

            var loginUrl = "xk/LoginToXk";

            if(enableServers == true){
                if(!/[^\d]/.test(uName)){//必须为数字

                    var modVal = eval(uName % serversArray.length);

                    loginUrl = serversArray[modVal] + loginUrl;

                }else{
                    loginUrl = serversArray[0] + loginUrl;

                }

            }else{
                loginUrl = "/xxgcxy_jsxsd"+ loginUrl;

            }

            return loginUrl;

        }  

    </script>

   

</body>

</html>