完成学校官网页面制作

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

相关推荐
你真的可爱呀5 分钟前
自定义颜色选择功能
开发语言·前端·javascript
小王和八蛋9 分钟前
JS中 escape urlencodeComponent urlencode 区别
前端·javascript
奔跑的web.9 分钟前
TypeScript类型系统核心速通:从基础到常用复合类型包装类
开发语言·前端·javascript·typescript·vue
Misnice9 分钟前
Webpack、Vite 、Rsbuild 区别
前端·webpack·node.js
Kagol13 分钟前
🎉历时1年,TinyEditor v4.0 正式发布!
前端·typescript·开源
丶一派胡言丶13 分钟前
02-VUE介绍和指令
前端·javascript·vue.js
C_心欲无痕16 分钟前
网络相关 - 跨域解决方式
前端·网络
天蓝色的鱼鱼17 分钟前
Vue开发必考:defineComponent与defineAsyncComponent,你真的掌握吗?
前端·vue.js
用户812748281512018 分钟前
aosp14分屏分割线区域部分深入剖析-framework实战干货
前端
三小河18 分钟前
内网环境下 Web 离线地图的实现方案与合规性探讨
前端