期中网页.zip和可见光科技博客资源-CSDN文库

共14个文件

js：3个

css：3个

jpg：3个

需积分: 6 105 浏览量 2021-12-03 10:19:29 上传评论收藏 978KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

期中网页.zip （14个子文件）

期中网页

css

109951166446915867.jpg 297KB

立方体.css 4KB

base.css 1KB

img

109951166446915867.jpg 297KB

mmxx.jpg 302KB

logo_06.png 4KB

logo.gif 17KB

20210204171928467.png 22KB

jquery.min.js 104KB

me.js 10KB

注册页面.html 3KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>login</title> <script src="js/me.js"></script> <link rel="stylesheet" type="text/css" href="./css/立方体.css" /> <style type="text/css"> *{ margin: 0; padding: 0; } #wrap { height: 500px; width: 100; background-image: url(./img/20210204171928467.png); background-repeat: no-repeat; background-position: center center; top: 0px; } #head { height: 120px; width: 100; background-color: #66CCCC; text-align: center; position: relative; } #foot { width: 100; height: 126px; background-color: #CC9933; position: relative; } #wrap .logGet { height: 408px; width: 368px; position: absolute; background-color: #FFFFFF; top: 20%; right: 15%; } .logC input { width: 100%; height: 45px; background-color: #ee7700; border: none; color: white; font-size: 18px; } .logGet .logD.logDtip .p1 { display: inline-block; font-size: 28px; margin-top: 30px; width: 86%; } #wrap .logGet .logD.logDtip { width: 86%; border-bottom: 1px solid #ee7700; margin-bottom: 60px; margin-top: 0px; margin-right: auto; margin-left: auto; } .logGet .lgD img { position: absolute; top: 12px; left: 8px; } .logGet .lgD input { width: 100%; height: 42px; text-indent: 2.5rem; } #wrap .logGet .lgD { width: 86%; position: relative; margin-bottom: 30px; margin-top: 30px; margin-right: auto; margin-left: auto; } #wrap .logGet .logC { width: 86%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .title { font-family: "宋体"; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 使用css3的transform来实现 */ font-size: 36px; height: 40px; width: 30%; } .copyright { font-family: "宋体"; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 使用css3的transform来实现 */ height: 60px; width: 40%; text-align:center; } #foot .copyright .img { width: 100%; height: 24px; position: relative; } .copyright .img .icon { display: inline-block; width: 24px; height: 24px; margin-left: 22px; vertical-align: middle; /* background-image: url( "../../../../../Desktop/测试/img/.jpg"); */ background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; } .copyright .img .icon1 { display: inline-block; width: 24px; height: 24px; margin-left: 22px; vertical-align: middle; /* background-image: url(''); */ background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; } .copyright .img .icon2 { display: inline-block; width: 24px; height: 24px; margin-left: 22px; vertical-align: middle; /* */background-image: url( ""); background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; } #foot .copyright p { height: 24px; width: 100%; } .register { text-align: right; font-size: 25px; } .test{ position: absolute; height: 500px; } </style> </head> <body> <script src="js/me.js"></script> <div class="header" id="head"> <div class="title">个人网站</div> </div> <div class="wrap1" > <ul class=" bigger"> <ul class="small"> <div><h1>🏃‍</h1></div> <div><h1>🏃‍</h1></div> <div><h1></h1></div> <div><h1></h1></div> <div></div> <div></div> </ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class="wrap" id="wrap"> <div class="logGet">  <div class="logD logDtip"> <p class="p1">登录</p> </div> <form method="post" onsubmit="return check(this)" action="http://119.91.35.62/">  <div class="lgD"> <img src="./img/mmxx.jpg" width="20" height="20" alt=""/> <input type="text" placeholder="输入学号" name="userId" size="18" value="" /> </div> <div class="lgD"> <img src="./img/109951166446915867.jpg" width="20" height="20" alt=""/> <input type="password" placeholder="输入密码" name="password" size="20" value="" /> </div> <div class="logC"> <input type="submit" value="登录" /> </div> </form> <p class="register" ><a href="注册页面.html">注册</a></p> </div> </div> <div class="footer" id="foot"> <div class="copyright"> <p>Copyright © 2021 ngz.com Inc. All Rights Reserved.</p> <div class="img"> <i class="icon"></i><span>联系邮箱：[email protected]</span> </div> <div class="img"> <i class="icon1"></i><span>联系地址:桂林师范高等专科学校</span> </div> <div class="img"> <i class="icon2"></i><span>联系电话：16624769179</span> </div> </div> </div> </body> <script> function check(form){ if(form.userId.value==""){ alert("请输入用户账号"); form.userId.focus(); return false; } /*含非数字、首字母为0 /^[0-9]*$/*/ var number=/^(0|[1-9][0-9]*)$/; var objExp1=new RegExp(number); if(objExp1.test(form.userId.value)==false){ alert("账号不能含非数字和首字符为0"); form.userId.focus(); return false; } /*账号小于6位数*/ if(form.userId.value.length < 11){ alert("账号位数过小，请输入11位数字"); form.userId.focus(); return false; } /*账号大于11位数*/ if(form.userId.value.length > 11){ alert("账号位数过大，请输入6-11位数字"); form.userId.focus(); return false; } if(form.password.value==""){ alert("请输入登录密码！") form.password.focus(); return false; } /*密码含有非符号、字母、数字以外字*/ var illegal=/^[0-9a-zA-Z!~@#$%^&*()_+`\-={}:";'<>?,.\/]*$/g; var objExp2=new RegExp(illegal); if(objExp2.test(form.password.value)==false){ alert("密码含有非法字符"); form.password.focus(); return false; } /*密码小于6位数*/ if(form.password.value.length < 6){ alert("密码位数过小，请输入6-16位数字"); form.password.focus(); return false; } /*密码大于16位数*/ if(form.password.value.length > 16){ alert("密码位数过大，请输入6-16位数字"); form.password.focus(); return false; } return true; } </script>  <script type="text/javascript"> window.οnlοad=function(){ var btn=document.getElementById("btn"); var password=document.getElementById("pw") btn.οnmοusedοwn=function(){ password.type="text" }; btn.οnmοuseup=btn.οnmοuseοut=function(){ password.type="password" } } </script> </html>