大家好，欢迎来到IT知识分享网。
login.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>用户登录-付亚东个人博客</title> 6 <link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" /> 7 <script type="text/javascript" src="js/jQuery1.7.js"></script> 8 <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 9 <script type="text/javascript" src="js/jquery1.42.min.js"></script> 10 <script type="text/javascript" src="js/jquery.SuperSlide.js"></script> 11 <script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script> 12 <script type="text/javascript"> 13 $(document).ready(function(){ 14 var $tab_li = $('#tab ul li'); 15 $tab_li.hover(function(){ 16 $(this).addClass('selected').siblings().removeClass('selected'); 17 var index = $tab_li.index(this); 18 $('div.tab_box > div').eq(index).show().siblings().hide(); 19 }); 20 }); 21 </script> 22 <script type="text/javascript"> 23 $(function(){ 24 /*学生登录信息验证*/ 25 $("#stu_username_hide").focus(function(){ 26 var username = $(this).val(); 27 if(username=='输入用户名'){ 28 $(this).val(''); 29 } 30 }); 31 $("#stu_username_hide").focusout(function(){ 32 var username = $(this).val(); 33 if(username==''){ 34 $(this).val('输入用户名'); 35 } 36 }); 37 $("#stu_password_hide").focus(function(){ 38 var username = $(this).val(); 39 if(username=='输入密码'){ 40 $(this).val(''); 41 } 42 }); 43 $("#stu_password_hide").focusout(function(){ 44 var username = $(this).val(); 45 if(username==''){ 46 $(this).val('输入密码'); 47 } 48 }); 49 $("#stu_code_hide").focus(function(){ 50 var username = $(this).val(); 51 if(username=='输入验证码'){ 52 $(this).val(''); 53 } 54 }); 55 $("#stu_code_hide").focusout(function(){ 56 var username = $(this).val(); 57 if(username==''){ 58 $(this).val('输入验证码'); 59 } 60 }); 61 $(".stu_login_error").Validform({ 62 tiptype:function(msg,o,cssctl){ 63 var objtip=$(".stu_error_box"); 64 cssctl(objtip,o.type); 65 objtip.text(msg); 66 }, 67 ajaxPost:true 68 }); 69 }); 70 </script> 71 <script type="text/javascript"> 72 $(function(){ 73 $(".screenbg ul li").each(function(){ 74 $(this).css("opacity","0"); 75 }); 76 $(".screenbg ul li:first").css("opacity","1"); 77 var index = 0; 78 var t; 79 var li = $(".screenbg ul li"); 80 var number = li.size(); 81 function change(index){ 82 li.css("visibility","visible"); 83 li.eq(index).siblings().animate({opacity:0},3000); 84 li.eq(index).animate({opacity:1},3000); 85 } 86 function show(){ 87 index = index + 1; 88 if(index<=number-1){ 89 change(index); 90 }else{ 91 index = 0; 92 change(index); 93 } 94 } 95 t = setInterval(show,8000); 96 //根据窗口宽度生成图片宽度 97 var width = $(window).width(); 98 $(".screenbg ul img").css("width",width+"px"); 99 }); 100 </script> 101 </head> 102 103 <body>. 104 <h1><center>wellcom you!</center></h1> 105 <div id="tab"> 106 <div class="tab_box"> 107 <!-- 学生登录开始 --> 108 <div> 109 <div class="stu_error_box"></div> 110 <form action="" method="post" class="stu_login_error"> 111 <div id="username"> 112 <label>用户名：</label> 113 <input type="text" id="stu_username_hide" name="username" value="输入用户名" nullmsg="用户名不能为空！" datatype="s6-18" errormsg="用户名范围在6~18个字符之间！" sucmsg="用户名验证通过！"/> 114 <!--ajaxurl="demo/valid.jsp"--> 115 </div> 116 <div id="password"> 117 <label>密 码：</label> 118 <input type="password" id="stu_password_hide" name="password" value="输入密码" nullmsg="密码不能为空！" datatype="*6-16" errormsg="密码范围在6~16位之间！" sucmsg="密码验证通过！"/> 119 </div> 120 <div id="code"> 121 <label >验证码：</label> 122 <input type="text" id="stu_code_hide" name="code" value="输入验证码" nullmsg="验证码不能为空！" datatype="*4-4" errormsg="验证码有4位数！" sucmsg="验证码验证通过！"/> 123 <img src="images/captcha.jpg" title="点击更换" alt="验证码占位图" style="vertical-align:bottom;"/> </div> 124 <div id="remember" style="margin-left:-80px;"> 125 <input type="checkbox" name="remember"> 126 <label>记住密码</label> 127 </div> 128 <div id="login" > 129 <button type="submit">登录</button> 130 </div> 131 </form> 132 </div> 133 <!-- 学生登录结束--> 134 </div> 135 </div> 136 <div class="bottom">©2020 fyd <a href="https://www.cnblogs.com/fydkk/" target="_blank">关于</a> <span>滇ICP备13018047号</span><img width="13" height="16" src="images/copy_rignt_24.png" /></div> 137 <div class="screenbg"> 138 <ul> 139 <!-- <li><a href="javascript:;"><img src="images/1.jpg"></a></li> --> 140 <li><a href="javascript:;"><img src="images/2.jpg"></a></li> 141 <li><a href="javascript:;"><img src="images/3.jpg"></a></li> 142 </ul> 143 </div> 144 </body> 145 </html>
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/31870.html
