login-template-01/index.html

301 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>江西师范大学软件学院毕业设计选题管理系统用户登录</title>
<link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jQuery1.7.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var $tab_li = $('#tab ul li');
$tab_li.hover(function(){
$(this).addClass('selected').siblings().removeClass('selected');
var index = $tab_li.index(this);
$('div.tab_box > div').eq(index).show().siblings().hide();
});
});
</script>
<script type="text/javascript">
$(function(){
/*学生登录信息验证*/
$("#stu_username_hide").focus(function(){
var username = $(this).val();
if(username=='输入学号'){
$(this).val('');
}
});
$("#stu_username_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入学号');
}
});
$("#stu_password_hide").focus(function(){
var username = $(this).val();
if(username=='输入密码'){
$(this).val('');
}
});
$("#stu_password_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入密码');
}
});
$("#stu_code_hide").focus(function(){
var username = $(this).val();
if(username=='输入验证码'){
$(this).val('');
}
});
$("#stu_code_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入验证码');
}
});
$(".stu_login_error").Validform({
tiptype:function(msg,o,cssctl){
var objtip=$(".stu_error_box");
cssctl(objtip,o.type);
objtip.text(msg);
},
ajaxPost:true
});
/*导师登录信息验证*/
$("#tea_username_hide").focus(function(){
var username = $(this).val();
if(username=='输入教工号'){
$(this).val('');
}
});
$("#tea_username_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入教工号');
}
});
$("#tea_password_hide").focus(function(){
var username = $(this).val();
if(username=='输入密码'){
$(this).val('');
}
});
$("#tea_password_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入密码');
}
});
$("#tea_code_hide").focus(function(){
var username = $(this).val();
if(username=='输入验证码'){
$(this).val('');
}
});
$("#tea_code_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入验证码');
}
});
$(".tea_login_error").Validform({
tiptype:function(msg,o,cssctl){
var objtip=$(".tea_error_box");
cssctl(objtip,o.type);
objtip.text(msg);
},
ajaxPost:true
});
/*教务登录信息验证*/
$("#sec_username_hide").focus(function(){
var username = $(this).val();
if(username=='输入教务号'){
$(this).val('');
}
});
$("#sec_username_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入教务号');
}
});
$("#sec_password_hide").focus(function(){
var username = $(this).val();
if(username=='输入密码'){
$(this).val('');
}
});
$("#sec_password_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入密码');
}
});
$("#sec_code_hide").focus(function(){
var username = $(this).val();
if(username=='输入验证码'){
$(this).val('');
}
});
$("#sec_code_hide").focusout(function(){
var username = $(this).val();
if(username==''){
$(this).val('输入验证码');
}
});
$(".sec_login_error").Validform({
tiptype:function(msg,o,cssctl){
var objtip=$(".sec_error_box");
cssctl(objtip,o.type);
objtip.text(msg);
},
ajaxPost:true
});
});
</script>
<script type="text/javascript">
$(function(){
$(".screenbg ul li").each(function(){
$(this).css("opacity","0");
});
$(".screenbg ul li:first").css("opacity","1");
var index = 0;
var t;
var li = $(".screenbg ul li");
var number = li.size();
function change(index){
li.css("visibility","visible");
li.eq(index).siblings().animate({opacity:0},3000);
li.eq(index).animate({opacity:1},3000);
}
function show(){
index = index + 1;
if(index<=number-1){
change(index);
}else{
index = 0;
change(index);
}
}
t = setInterval(show,8000);
//根据窗口宽度生成图片宽度
var width = $(window).width();
$(".screenbg ul img").css("width",width+"px");
});
</script>
</head>
<body>
<div id="tab">
<ul class="tab_menu">
<li class="selected">学生登录</li>
<li>导师登录</li>
<li>教务登录</li>
</ul>
<div class="tab_box">
<!-- 学生登录开始 -->
<div>
<div class="stu_error_box"></div>
<form action="" method="post" class="stu_login_error">
<div id="username">
<label>&nbsp;&nbsp;&nbsp;号:</label>
<input type="text" id="stu_username_hide" name="username" value="输入学号" nullmsg="学号不能为空!" datatype="s6-18" errormsg="学号范围在6~18个字符之间" sucmsg="学号验证通过!"/>
<!--ajaxurl="demo/valid.jsp"-->
</div>
<div id="password">
<label>&nbsp;&nbsp;&nbsp;码:</label>
<input type="password" id="stu_password_hide" name="password" value="输入密码" nullmsg="密码不能为空!" datatype="*6-16" errormsg="密码范围在6~16位之间" sucmsg="密码验证通过!"/>
</div>
<div id="code">
<label>验证码:</label>
<input type="text" id="stu_code_hide" name="code" value="输入验证码" nullmsg="验证码不能为空!" datatype="*4-4" errormsg="验证码有4位数" sucmsg="验证码验证通过!"/>
<img src="images/captcha.jpg" title="点击更换" alt="验证码占位图"/> </div>
<div id="remember">
<input type="checkbox" name="remember">
<label>记住密码</label>
</div>
<div id="login">
<button type="submit">登录</button>
</div>
</form>
</div>
<!-- 学生登录结束-->
<!-- 导师登录开始-->
<div class="hide">
<div class="tea_error_box"></div>
<form action="" method="post" class="tea_login_error">
<div id="username">
<label>教工号:</label>
<input type="text" id="tea_username_hide" name="username" value="输入教工号" nullmsg="教工号不能为空!" datatype="s6-18" errormsg="教工号范围在6~18个字符之间" sucmsg="教工号验证通过!"/>
<!--ajaxurl="demo/valid.jsp"-->
</div>
<div id="password">
<label>&nbsp;&nbsp;&nbsp;码:</label>
<input type="password" id="tea_password_hide" name="password" value="输入密码" nullmsg="密码不能为空!" datatype="*6-16" errormsg="密码范围在6~16位之间" sucmsg="密码验证通过!"/>
</div>
<div id="code">
<label>验证码:</label>
<input type="text" id="tea_code_hide" name="code" value="输入验证码" nullmsg="验证码不能为空!" datatype="*4-4" errormsg="验证码有4位数" sucmsg="验证码验证通过!"/>
<img src="images/captcha.jpg" title="点击更换" alt="验证码占位图"/> </div>
<div id="remember">
<input type="checkbox" name="remember">
<label>记住密码</label>
</div>
<div id="login">
<button type="submit">登录</button>
</div>
</form>
</div>
<!-- 导师登录结束-->
<!-- 教务登录开始-->
<div class="hide">
<div class="sec_error_box"></div>
<form action="" method="post" class="sec_login_error">
<div id="username">
<label>教务号:</label>
<input type="text" id="sec_username_hide" name="username" value="输入教务号" nullmsg="教务号不能为空!" datatype="s6-18" errormsg="教务号范围在6~18个字符之间" sucmsg="教务号验证通过!"/>
<!--ajaxurl="demo/valid.jsp"-->
</div>
<div id="password">
<label>&nbsp;&nbsp;&nbsp;码:</label>
<input type="password" id="sec_password_hide" name="password" value="输入密码" nullmsg="密码不能为空!" datatype="*6-16" errormsg="密码范围在6~16位之间" sucmsg="密码验证通过!"/>
</div>
<div id="code">
<label>验证码:</label>
<input type="text" id="sec_code_hide" name="code" value="输入验证码" nullmsg="验证码不能为空!" datatype="*4-4" errormsg="验证码有4位数" sucmsg="验证码验证通过!"/>
<img src="images/captcha.jpg" title="点击更换" alt="验证码占位图"/> </div>
<div id="remember">
<input type="checkbox" name="remember">
<label>记住密码</label>
</div>
<div id="login">
<button type="submit">登录</button>
</div>
</form>
</div>
<!-- 教务登录结束-->
</div>
</div>
<div class="bottom">©2014 Leting <a href="javascript:;" target="_blank">关于</a> <span>京ICP证030173号</span> More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a><img width="13" height="16" src="images/copy_rignt_24.png" /></div>
<div class="screenbg">
<ul>
<li><a href="javascript:;"><img src="images/0.jpg"></a></li>
<li><a href="javascript:;"><img src="images/1.jpg"></a></li>
<li><a href="javascript:;"><img src="images/2.jpg"></a></li>
</ul>
</div>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>