Login_index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. {__NOLAYOUT__}<!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={:C('DEFAULT_CHARSET')}" />
  5. <title>{:L('system_name')}</title>
  6. <style>
  7. *{ font-family:"Open Sans","Microsoft Yahei","arial",sans-serif; margin: 0; padding:0;}
  8. body{background-color: #364150;}
  9. .login_logo{text-align:center; margin-top: 70px; padding: 15px;}
  10. .login_logo_cn{font-weight: 300; font-size: 33px; color: #26A69A;}
  11. .login_logo_en{font-weight: 300; font-size: 18px; color: #26A69A;}
  12. .login_form{width:360px; padding: 30px 30px 35px 30px; margin: 35px auto 0; border-radius: 7px 7px 0 0; background-color: #eceef1; overflow: hidden;}
  13. .login_form_title{text-align: center; font-size: 28px; font-weight: 300; color: #4db3a5;}
  14. .login_formText{margin-top: 20px; position: relative;}
  15. .login_form_txt{width: 340px; height:30px; line-height:30px; display: block; padding: 4px 10px; border: 1px solid #dde3ec; border-radius: 2px; background-color: #dde3ec; font-size: 14px; color: #8290a3; outline: none;
  16. transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s
  17. }
  18. .login_form_txt:active,.login_form_txt:focus{border:1px solid #c3ccda;}
  19. .login_form_txt::-moz-placeholder {
  20. color: #8290a3;
  21. opacity: 1;
  22. }
  23. .login_form_txt:-ms-input-placeholder {
  24. color: #8290a3;
  25. }
  26. .login_form_txt::-webkit-input-placeholder {
  27. color: #8290a3;
  28. }
  29. .login_formText .checkcode{height: 28px; position: absolute; top: 6px; right: 6px;}
  30. .login_form_user i{width: 21px; height: 24px; position: absolute; top: 8px; right: 10px; background: url(./Public/Images/icon_user.png) 0 0 no-repeat; overflow: hidden;}
  31. .login_form_pass i{width: 22px; height: 25px; position: absolute; top: 8px; right: 10px; background: url(./Public/Images/icon_lock.png) 0 0 no-repeat; overflow: hidden;}
  32. .login_form_msg{width: 420px; height: 36px; line-height: 36px; margin: 0 auto 20px; text-align: center; font-size: 12px; color: #F3565D; border-radius: 0 0 7px 7px; background-color: #6c7a8d; font-size:14px;}
  33. .login_form_btn{width: 100%; display: block; padding: 10px 0; margin-top: 20px; border-radius: 2px; cursor: pointer; font-size: 16px; outline: none; color: #fff; border:0; background-color: #26A69A;}
  34. </style>
  35. </head>
  36. <body onLoad="reload()" id="loginbg" >
  37. <form method='post' name="login" id="form1" action="{:U('Login/doLogin')}">
  38. <div class="login_logo">
  39. <h4 class="login_logo_cn">网站管理系统</h4>
  40. <p class="login_logo_en">Manage System</p>
  41. </div>
  42. <div class="login_form">
  43. <h3 class="login_form_title">登录</h3>
  44. <div class="login_formText login_form_user">
  45. <input type="text" class="login_form_txt" placeholder="账 号" id="username" name="username"/>
  46. <i></i>
  47. </div>
  48. <div class="login_formText login_form_pass">
  49. <input type="password" class="login_form_txt" placeholder="密 码" name="password"/>
  50. <i></i>
  51. </div>
  52. <div class="login_formText">
  53. <input type="text" class="login_form_txt" placeholder="验 证 码" name="verifyCode" id="verifyCode" size="6" value="" maxlength="4"/>
  54. <img src="{:U('Home/Index/verify')}" onclick="javascript:resetVerifyCode();" class="checkcode" align="absmiddle" title="{:L('resetVerifyCode')}" id="verifyImage"/>
  55. </div>
  56. <input type="hidden" name="ajax" value="1">
  57. <input type="submit" value="登 陆" class="login_form_btn">
  58. </div>
  59. <div class="login_form_msg"><div id="result" class="result none"></div></div>
  60. </form>
  61. <load href="./Public/Js/jquery.min.js"/>
  62. <load href="./Public/Js/jquery.form.js"/>
  63. <load href="./Public/Js/my.js"/>
  64. <script language="JavaScript">
  65. jQuery(document).ready(function($){
  66. $('#form1').ajaxForm({
  67. beforeSend:function(){
  68. $('#result').html('<img src="./Public/Images/msg_loading.gif">').show();;
  69. },
  70. success:complete, // post-submit callback
  71. dataType: 'json'
  72. });
  73. });
  74. function complete(data){
  75. if (data.status==1)
  76. {
  77. $('#result').html(data.info).show();
  78. //art.dialog.tips('{:L("logined_ok")}',2);
  79. setTimeout(function(){ window.location.href = '{:U("Index/index")}';},1000);
  80. }else{
  81. $('#result').html(data.info).show();
  82. }
  83. }
  84. function reload(){
  85. document.login.username.focus();
  86. if(self!=top){
  87. window.top.location.href = '{:U("Login/index")}';
  88. }
  89. resetVerifyCode();
  90. }
  91. </script>
  92. <!--[if lte IE 9]>
  93. <load href="./Public/Js/placeholder.IE.js"/>
  94. <script type="text/javascript">
  95. $(function(){
  96. //IE模拟placeholder
  97. $(".login_form_txt").placeholder({
  98. labelMode: true,
  99. labelStyle: {
  100. margin: "6px 0 0 0",
  101. fontSize: "14px"
  102. }
  103. });
  104. })
  105. </script>
  106. <![endif]-->
  107. </body>
  108. </html>