完成学校官网页面制作

<!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 = serversArraymodVal + loginUrl;

}else{

loginUrl = serversArray0 + loginUrl;

}

}else{

loginUrl = "/xxgcxy_jsxsd"+ loginUrl;

}

return loginUrl;

}

</script>

</body>

</html>

相关推荐
格子软件26 分钟前
2026年GEO优化系统源码级状态机与多模型调度拆解
java·前端·vue.js·人工智能·vue·geo
HUMHSX1 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货1 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙0071 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由2 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架
an317422 小时前
弹窗数据流设计的两种高阶架构实践
前端·vue.js·架构
谢尔登2 小时前
【React】 状态管理方案
前端·react.js·前端框架
用户2136610035723 小时前
Vue商品详情与放大镜组件
前端·javascript
半个落月3 小时前
从Tapas小Demo理清localStorage、事件与this
前端·javascript
李明卫杭州3 小时前
Vue2 中 v-model 处理不同数据结构的技巧
前端·javascript·vue.js