完成学校官网页面制作

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

相关推荐
菲利普马洛6 分钟前
记一次主题闪烁问题
前端·css·react.js
谁在黄金彼岸8 分钟前
nvm for windows之死:别再被这个“过时工具”耽误开发
前端
汉堡大王95279 分钟前
为了搞懂 Promise 源码,我重写了 MiniPromise
前端·javascript
llq_3509 分钟前
使用 devServer Proxy 本地开发 POST 请求跨域报错问题及解决方案
前端
孙凯亮11 分钟前
前端DICOM Viewer开发避坑指南:从入门到实战(含切片、3D、标注全解析)
前端
代码搬运媛12 分钟前
NestJS + TypeScript 全栈项目骨架实战
前端
Hilaku26 分钟前
OpenClaw 跟病毒的区别是什么?
前端·javascript·人工智能
jerrywus26 分钟前
AI 写代码总翻车?我用 Harness:developer 把它管成“右侧打工人”
前端·agent·claude
沸点小助手2 小时前
「国产龙虾谁能打过OpenClaw & 你敢让微信龙虾碰代码吗」沸点获奖名单公示|本周互动话题上新🎊
前端·后端·面试
skywalk81632 小时前
请学习kotti的前端(kotti其实是没有分离的前端的)实现,做到形似kotti那样的前端页面。
前端·学习