index.jsp 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html lang="utf-8">
  3. <head>
  4. <meta name="keywords" content="" />
  5. <meta name="description" content="" />
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'/>
  7. <link href="${ctx}/css/m.css" rel="stylesheet" type="text/css" />
  8. <title>微信查询</title>
  9. <script src="${ctx}/js/jquery-1.11.0.min.js" type="text/javascript"></script>
  10. <script src="${ctx}/js/manhuatoTop.1.0.js" type="text/javascript"></script>
  11. <script src="${ctx}/js/common.js" type="text/javascript"></script>
  12. </head>
  13. <body>
  14. <div id="frame">
  15. <div id="top">
  16. <a id="logo" href="index.html"><img src="${ctx}/image/home.png" align="top"></a>
  17. <a id="title">查询</a>
  18. <!--a id="search" href="search.jsp"><img src="images/search.png" align="top"></a-->
  19. <span id="list"><a href="javascript:window.history.back();"><img src="${ctx}/image/goback.png" align="top"></a><a href="login.jsp"><img src="${ctx}/image/userlogin.png" align="top"></a></span>
  20. </div>
  21. <div id="con">
  22. <div id="login_div">
  23. <form name="form2" onKeyDown="onKeyDown()" method="post" action="loginDo.jsp">
  24. <input name="t" id="t" value="" type="hidden">
  25. <div class="userline_info"></div>
  26. <div class="userline"><div class="userline_1">水表号&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="userline_2"><input type="text" name="userId" id="userId" style="width: 50px"/></div><div class="userline_3"><img src="${ctx}/image/login.png"></div></div>
  27. <div class="userline_info" id="username_info"></div>
  28. <div class="userline"><div class="userline_1 c1">年份&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="userline_2"><input name="userPassword" id="userPassword" type="password"/></div><div class="userline_3"><img src="${ctx}/image/lock.png"></div></div>
  29. <div class="userline_info" id="pass_info"></div>
  30. <div class="login_button" ><input type="submit" value="查询" style="width:100%;height:100%;background:none;border:none;color:#ffffff;font-size:16px;"></div>
  31. </form>
  32. </div>
  33. </div>
  34. <div class="footer_front" style="position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;"><img src="${ctx}/images/front.png" width="100%" height="100%"></div>
  35. <style>
  36. #menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
  37. #menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
  38. #menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(${ctx}/images/menubg.png) repeat-x;}
  39. #menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
  40. #menu ul li .img_front img{width:100%;height:100%;}
  41. #menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;}
  42. #menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
  43. </style>
  44. <script>
  45. function beginTalk() {
  46. var t = window.location.toString();
  47. var newT = t.replace(new RegExp("&", "gm"), "<and>");
  48. window.open("italk/index_m.jsp@fs_AccessAddress=" + newT, "talk");
  49. }
  50. window.onload = function(){
  51. $('#menu ul li').each(function(j){
  52. $('#menu ul li').eq(j).removeClass("on");
  53. $('#menu ul li span').eq(j).animate({bottom:-$('#menu ul li span').eq(j).height()},100);
  54. });
  55. }
  56. $('#menu ul li').each(function(i){
  57. $(this).click(function(){
  58. if($(this).attr("class")!="on"){
  59. $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
  60. $('#menu ul .on').removeClass("on");
  61. $(this).addClass("on");
  62. $('#menu ul li span').eq(i).animate({bottom:35},200);
  63. $('.footer_front').show();
  64. }else{
  65. $('#menu ul li span').eq(i).animate({bottom:-$('#menu ul li span').eq(i).height()},200);
  66. $(this).removeClass("on");
  67. $('.footer_front').hide();
  68. }
  69. });
  70. });
  71. $('.footer_front').click(function(){
  72. $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
  73. $('#menu ul .on').removeClass("on");
  74. $(this).hide();
  75. });
  76. </script>
  77. </div>
  78. <script>
  79. function check(){
  80. if(document.form2.userId.value==""){
  81. alert("水表号不能为空!");
  82. return false;
  83. }else if(document.form2.userPassword.value==""){
  84. alert("年份不能为空!");
  85. return false;
  86. }
  87. document.form2.submit();
  88. }
  89. $('.login_button input').click(function (e) {
  90. e.preventDefault()
  91. check();
  92. });
  93. </script>
  94. </body>
  95. </html>