完成学校官网页面制作

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

相关推荐
C语言魔术师16 分钟前
【小游戏篇】三子棋游戏
前端·算法·游戏
匹马夕阳1 小时前
Vue 3中导航守卫(Navigation Guard)结合Axios实现token认证机制
前端·javascript·vue.js
你熬夜了吗?1 小时前
日历热力图,月度数据可视化图表(日活跃图、格子图)vue组件
前端·vue.js·信息可视化
桂月二二8 小时前
探索前端开发中的 Web Vitals —— 提升用户体验的关键技术
前端·ux
hunter2062069 小时前
ubuntu向一个pc主机通过web发送数据,pc端通过工具直接查看收到的数据
linux·前端·ubuntu
qzhqbb9 小时前
web服务器 网站部署的架构
服务器·前端·架构
刻刻帝的海角9 小时前
CSS 颜色
前端·css
九酒9 小时前
从UI稿到代码优化,看Trae AI 编辑器如何帮助开发者提效
前端·trae
浪浪山小白兔10 小时前
HTML5 新表单属性详解
前端·html·html5
lee57610 小时前
npm run dev 时直接打开Chrome浏览器
前端·chrome·npm