完成学校官网页面制作

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

相关推荐
蚂蚁集团数据体验技术21 小时前
一个可以补充 Mermaid 的可视化组件库 Infographic
前端·javascript·llm
LQW_home21 小时前
前端展示 接受springboot Flux数据demo
前端·css·css3
q***d17321 小时前
前端增强现实案例
前端·ar
IT_陈寒21 小时前
Vite 3.0 重磅升级:5个你必须掌握的优化技巧和实战应用
前端·人工智能·后端
lqz199321 小时前
根据html导出excel和word
html·word·excel
JarvanMo21 小时前
Flutter 3.38 + Firebase:2025 年开发者必看的新变化
前端
Lethehong21 小时前
简历优化大师:基于React与AI技术的智能简历优化系统开发实践
前端·人工智能·react.js·kimi k2·蓝耘元生代·蓝耘maas
华仔啊21 小时前
还在用 WebSocket 做实时通信?SSE 可能更简单
前端·javascript
鹏北海1 天前
多标签页登录状态同步:一个简单而有效的解决方案
前端·面试·架构
_AaronWong1 天前
基于 Vue 3 的屏幕音频捕获实现:从原理到实践
前端·vue.js·音视频开发