完成学校官网页面制作

 

<!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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/563897.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

内旋风铣也挺有意思,不够还没搞透

内旋风铣&#xff0c;这一术语在机械制造业中并不陌生&#xff0c;它代表着一种高效且精确的加工方法。这一技术的名称“内旋风铣”便揭示了其两大核心特点&#xff1a;一是“内”&#xff0c;指的是在工件内部进行加工&#xff0c;通常涉及到难以触及的复杂曲面&#xff1b;二…

FebHost:CC域名商业和非商业使用的区别

在当今互联网的世界中&#xff0c;域名的选择不仅关乎一个网站的在线身份&#xff0c;更与其背后的商业策略紧密相连。.cc 顶级域&#xff08;TLD&#xff09;作为众多选择之一&#xff0c;其使用方式可分为商业和非商业两大类。 商业用途&#xff1a;当提及.cc域名的商业用途…

Windows安装ElasticsSearch详细指南(亲测)

一、安装jdk ElasticSearch是基于lucence开发的&#xff0c;也就是运行需要java jdk支持。所以要先安装JAVA环境。 由于ElasticSearch 5.x 往后依赖于JDK 1.8的&#xff0c;所以现在我们下载JDK 1.8或者更高版本。 下载JDK1.8,下载完成后安装。 二、安装ElasticSearch 1.El…

【UE5.1 C++】VS2022下载安装

目录 步骤 一、Visual Studio下载安装 二、Visual Studio Integration Tool插件安装 先看一下UE和VS的兼容性 &#xff08;虚幻5&#xff1a;为虚幻引擎C项目设置Visual Studio开发环境&#xff09; &#xff08;虚幻4&#xff1a;设置虚幻引擎的Visual Studio&#xff0…

OJ:寻找独一无二的数

目录 &#x1f3dd;1.问题描述&#xff1a; &#x1f3dd;2.分析问题&#xff1a; &#x1f3dd;3.最终代码&#xff1a; &#x1f3dd;1.问题描述&#xff1a; &#x1f3dd;2.分析问题&#xff1a; 先看看下面的代码的结果是多少&#xff1f; #include<stdio.h> in…

宝塔面板国际版aaPanel 精简版安装

宝塔面板国际版aaPanel 精简版安装 很多人都知道宝塔面板&#xff0c;但不知道宝塔面板还有英文版&#xff0c;宝塔面板英文版不是单纯的宝塔面板的翻译&#xff0c;而是根据老外的使用习惯及国外的网络环境做了一定的优化&#xff0c; 比如&#xff1a;去掉了手机号验证、去…

论文笔记;LargeST: A Benchmark Dataset for Large-ScaleTraffic Forecasting

Neurips 2023 1 intro 目前交通预测数据集的问题 规模小&#xff0c;通常只包含数百个节点和边在时间覆盖范围上存在严重不足&#xff0c;通常不超过6个月单个节点的元数据不足 ——> 提出了一个新的基准数据集LargeST 广泛的图大小&#xff0c;包括加利福尼亚州的8,600个…

向量的求导

参考&#xff1a; 向量的求导 向量内积求导

基于Vue3的openlayers地图显示

基于Vue3的openlayers地图显示 &#xff08;1&#xff09;接着上一篇将讲&#xff0c;在components文件夹下创建BaseMap.vue文件夹 &#xff08;2&#xff09;在App.vue文件里面引入BaseMap.vue文件&#xff0c;如下代码所示&#xff1a; &#xff08;3&#xff09;在BaseMa…

Rust异步编程简介

Rust异步编程简介 计算机已经尽可能快了。加快程序速度的一种方法是并行或并发执行操作。这两个术语之间有细微的区别。并行执行意味着我们同时在两个不同的 CPU 上执行两个不同的任务。并发执行意味着单个 CPU 通过交错执行这些任务&#xff0c;同时在多个任务上取得进展。 R…

【支付宝】对接手机网站支付踩坑点记录

前言 简单记录一下对接Wap支付的问题&#xff0c;alipay和wxpay认证过程差不多&#xff0c;有个体商户或企业即可&#xff0c;前者文档不易懂后者还好&#xff0c;但是wxpay门槛高&#xff0c;个人认为pc网站支付(native支付)就是为了收300认证费&#xff01; 应用公私钥 第一…

【数据结构】时间复杂度的例题

&#x1f381;个人主页&#xff1a;我们的五年 &#x1f50d;系列专栏&#xff1a;数据结构 &#x1f337;追光的人&#xff0c;终会万丈光芒 前言&#xff1a; 这篇文章是关于时间复杂度的一些例题&#xff0c;关于时间复杂度和空间复杂度和算法的计算效率的基本知识点我放在…

应变计技术解读:如何精确测量结构物的形变

振弦式应变计是一种用于精确测量结构物形变的高精度仪器。这种应变计利用了振弦原理&#xff0c;即物体的振动频率会因其尺寸、形状或应变状态的改变而改变。通过测量这种频率变化&#xff0c;振弦式应变计能够提供关于材料形变的详细信息&#xff0c;这在结构健康监测、工程试…

Apache POI报表统计

Apache POl是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是&#xff0c;我们可以使用 POl 在 Java 程N序中对Miscrosoft Office各种文件进行读写操作。一般情况下&#xff0c;POI都是用于操作 Excel 文件。 导入Maven坐标&#xff1a; <dependency>&l…

【数据结构(八)上】二叉树经典习题

❣博主主页: 33的博客❣ ▶文章专栏分类: Java从入门到精通◀ &#x1f69a;我的代码仓库: 33的代码仓库&#x1f69a; &#x1faf5;&#x1faf5;&#x1faf5;关注我带你学更多数据结构的知识 目录 1.前言2.经典习题2.1相同的树2.2另一棵子树2.3翻转二叉树2.4平衡二叉树2.5对…

免费开源圈子社交交友社区系统 可打包小程序 支持二开 源码交付!

线上社交的好处&#xff1a; 当今社会&#xff0c;人们越来越依赖于网络社交。互联网无疑为人类带来了许多好处&#xff0c; 其中一个就是线上社交。通过各种社交平台&#xff0c;人们可以随时随地互动交流&#xff0c;扩大自 己的社交圈&#xff0c;丰富生活。但是&#xf…

智慧水务能效管理系统平台/地下污水厂配电系统电气安全设计

安科瑞电气薛瑶瑶18701709087 1、引言 地下水污厂在城市建设中扮演着重要的角色,负责对城市污水和废物进行处理和排放。然而,由于地下水污厂中存在着许多危险因素,如有害气体、液体和固体废物等,因此要保证电气安全。电气安全系统是地下水污厂安全生产的重要保障措施之一,包括…

常见的软件架构模式

在软件开发过程中&#xff0c;软件架构模式是实现高质量、可扩展系统的关键。本文将介绍一些常见的软件架构模式&#xff0c;分析其优缺点和适用场景&#xff0c;从而帮助大家在实际项目中做出更明智的架构选择&#xff08;注意以下的架构模式相互之间并不一定互斥&#xff0c;…

imx6ull设备树驱动--pinctl、ioctl

添加pinctl节点 进入arch/arm/boot/dts目录下dts文件 在iomuxc下添加pinctlled节点 将 GPIO1_IO03 这个 PIN 复用为 GPIO1_IO03&#xff0c;电气属性&#xff08;配置GPIO一些列寄存器&#xff09;值为 0X10B0 添加led设备节点 与上一节一样&#xff0c;在 / 下面添加设备节…

2024年遥感技术与地理信息国际学术会议(ICRSTGI 2024)

2024年遥感技术与地理信息国际学术会议(ICRSTGI 2024) 2024 International Conference on remote sensing technology and geographic information 一、【会议简介】 2024年遥感技术与地理信息国际学术会议&#xff0c;将汇集世界各地的顶级专家和学者。 在这个会议上&#xf…