完成学校官网页面制作

news2024/12/29 7:43:40

 

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【PCI】PCIe EP标准配置空间(十)

本文参考PCIe协议 5.0&#xff1a;https://download.csdn.net/download/zz2633105/89204842 PCIe配置空间 EP标准配置空间 Vendor ID Register (Offset 00h) PCIe设备厂商ID&#xff0c;比如Intel的Vendor ID通常是0x8086。需要注意的是&#xff0c;厂商的ID不是厂商随意定的…

人人可拥有刘强东同款数字人分身!

每个人都可以拥有东哥同款数字人分身直播间进行直播带货&#xff0c;怎样克隆自己的数字人形象&#xff1f; 青否数字人克隆源码的克隆效果媲美真人&#xff1a; 仅需将真人录制的2-6分钟视频上传至克隆端后台&#xff0c;系统便会自动启动自动克隆。3-5小时后&#xff0c;即可…

Python从0到100(十五):函数的高级应用

前言&#xff1a; 零基础学Python&#xff1a;Python从0到100最新最全教程。 想做这件事情很久了&#xff0c;这次我更新了自己所写过的所有博客&#xff0c;汇集成了Python从0到100&#xff0c;共一百节课&#xff0c;帮助大家一个月时间里从零基础到学习Python基础语法、Pyth…

地图图源#ESRI ArcGIS XYZ Tiles系列(TMS)

目录 1、前言 2、地图图源网址 2.1、Satellite 卫星图源 2.2、Terrain 地形图源 2.3、Street 路网/标注图源 2.4、Specifity 特色设计图源 3、专业推荐”穿搭“ 4、图源配置下载及使用 图源名称图层类别特别注意谷歌 Google①地形 ②影像 ③矢量及标注 ④特色图源国内大…

迭代加深搜索(图的路径查找)

目录 概念 优点 缺点 如何剪枝&#xff08;八数码&#xff09; 剪枝策略&#xff1a; 深度优先搜索&#xff08;DFS&#xff09;和广度优先搜索&#xff08;BFS&#xff09; 深度优先搜索&#xff08;DFS&#xff09; 广度优先搜索&#xff08;BFS&#xff09; 比较 应…

Facebook账号运营要用什么IP?

众所周知&#xff0c;Facebook封号大多数情况都是因为IP的原因。Facebook对于用户账号有严格的IP要求和限制&#xff0c;以维护平台的稳定性和安全性。在这种背景下&#xff0c;海外IP代理成为了一种有效的解决方案&#xff0c;帮助用户避免检测&#xff0c;更加快捷安全地进行…

基于51单片机的电子秤LCD1602液晶显示( proteus仿真+程序+设计报告+讲解视频)

基于51单片机电子秤LCD显示 1. 主要功能&#xff1a;2. 讲解视频&#xff1a;3. 仿真设计4. 程序代码5. 设计报告6. 设计资料内容清单&&下载链接 基于51单片机电子秤LCD显示( proteus仿真程序设计报告讲解视频&#xff09; 仿真图proteus8.9及以上 程序编译器&#xf…

OceanBase开发者大会2023届视频及PPT汇总

数据库技术趋势 我眼中的数据库技术 阳振坤OceanBase 首席科学家 观看视频 下载 PDF 未来&#xff0c;中国需要什么样的数据库&#xff1f; 周傲英华东师范大学副校长&#xff0c;CCF 会士 观看视频 下载 PDF 云原生技术趋势解读 Keith ChanCNCF 云原生计算基金会中国区总监 …

Linux嵌入式驱动开发-阻塞IO与非阻塞IO

文章目录 阻塞与非阻塞访问简介阻塞访问的实现等待队列等待队列头等待队列项从等待队列头添加/移除等待队列项等待唤醒等待事件API 非阻塞访问的实现轮询poll 函数原型可以返回的资源状态 阻塞与非阻塞访问简介 **IO&#xff1a;**Input/Output&#xff0c;也就是输入/输出&am…

【无标题】vscode 配置c++ c编译环境

不用图形化也可以直接把launcher.json c_c_properties.json task.json复制到项目里 首先打开 vscode创建项目 ctrlshiftp 打开c/c edit configuration UI 配置生成c_cpp_properties.json文件 这里选择gcc为 c运行环境 只需要改配置名称跟编译器路径两处其他默认 选g为c环境 可…

Docker容器化部署(企业版)

大家好&#xff0c;webfunny前端监控埋点系统&#xff0c;已经正式发布了webfunny的官方镜像&#xff1a; Webfunny镜像目录&#xff1a;https://hub.docker.com/r/webfunny/webfunny_monitor_cluster/tags 部署前提是你的服务器已经安装了Docker环境&#xff0c;没有安装doc…

pygame 烟花效果

# 初始化 pygame.init() screen_width 800 screen_height 600 screen pygame.display.set_mode((screen_width, screen_height)) pygame.display.set_caption(烟花效果) # 焰火发射 particles [] # 焰火粒子 def firework(x, y): num_particles 100 # 每次发射的…

Springboot+Vue项目-基于Java+MySQL的影城管理系统(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…

【Python-面向对象】

Python-面向对象 ■ 事物和类■ 成员方法定义和使用■ self■ 构造方法__init__&#xff08;&#xff09;■ 魔术方法■ __str__字符串方法■ __lt__小于、大于符号比较■ __le__小于等于、大于等于符号比较■ __eq__符号比较■ 综合演示 ■ 封装■ 私有成员和方法 ■ 继承■ 单…

STM32之HAL开发——ILI9341液晶控制器

ILI9341液晶控制器简介 本液晶屏内部包含有一个液晶控制芯片ILI9341&#xff0c;它的内部结构非常复杂&#xff0c;如下图。该芯片最主核心部分是位于中间的GRAM(Graphics RAM)&#xff0c;它就是显存。GRAM中每个存储单元都对应着液晶面板的一个像素点。它 右侧的各种模块共同…

Ubuntu20.04 ISAAC SIM仿真下载使用流程

机器&#xff1a;华硕天选X2024 显卡&#xff1a;4060Ti ubuntu20.04 安装显卡驱动版本&#xff1a;525.85.05 参考&#xff1a; What Is Isaac Sim? — Omniverse IsaacSim latest documentationIsaac sim Cache 2023.2.3 did not work_isaac cache stopped-CSDN博客 Is…

聚观早报 | TCL召开电视新品发布会;OceanBase 4.3发布

聚观早报每日整理最值得关注的行业重点事件&#xff0c;帮助大家及时了解最新行业动态&#xff0c;每日读报&#xff0c;就读聚观365资讯简报。 整理丨Cutie 4月22日消息 TCL召开电视新品发布会 OceanBase 4.3发布 科大讯飞推出耳背式助听器 F1联想中国大奖赛开赛 蔚来展…

力扣——并查集算法系列

【LeetCode 684. 冗余连接】 思路&#xff1a; 首先因为这是一个无向图&#xff0c;所以不需要考虑谁是树根。 那么我们一条条边加入到图里去&#xff0c;直到出现了环为止&#xff0c;那么这条边就是冲突的边&#xff0c;需要删除掉。 那么怎么判断是否出现了环呢&#xff…

36. 【Android教程】侧滑菜单:DrawerLayout

侧滑菜单是用来在页面上增加一个抽屉式菜单栏的控件&#xff0c;它一般位于左侧&#xff0c;用户可以通过侧滑拉出或者关闭。通常你可以放置一些菜单项或者上下文相关的设置在里面&#xff0c;帮助你节省屏幕空间同时可以很方便的随时打开。侧滑菜单其实就是下面这货&#xff1…

python 对图片进行操作

Pillow是一个强大的图像处理库&#xff0c;它提供了许多用于打开、操作和保存图像的功能。 Image模块&#xff1a; Image模块提供了用于打开、创建、编辑和保存图像的基本功能。可以使用Image.open()函数来打开图像文件&#xff0c;或者使用Image.new()函数来创建新的图像,还可…