123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html lang="utf-8">
- <head>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'/>
- <link href="${ctx}/css/m.css" rel="stylesheet" type="text/css" />
- <title>微信查询</title>
- <script src="${ctx}/js/jquery-1.11.0.min.js" type="text/javascript"></script>
- <script src="${ctx}/js/manhuatoTop.1.0.js" type="text/javascript"></script>
- <script src="${ctx}/js/common.js" type="text/javascript"></script>
- </head>
- <body>
- <div id="frame">
- <div id="top">
-
- <a id="title">水量查询</a>
- <!--a id="search" href="search.jsp"><img src="images/search.png" align="top"></a-->
- </div>
- <div id="con">
- <div id="login_div">
- <form name="form2" onKeyDown="onKeyDown()" method="post" action="${ctx}/wx/viewYearUnitNotice.do?orgId=93736">
- <input name="t" id="t" value="" type="hidden">
- <div class="userline_info"></div>
- <div class="userline"><div class="userline_1">水表号 </div><div class="userline_2"><input type="text" name="meterNumber" id="meterNumber" style="height: 40px"; border:1px #000 soild/></div><div class="userline_3"><img src="${ctx}/image/login.png"></div></div>
- <div class="userline_info" id="username_info"></div>
- <div class="userline"><div class="userline_1 c1">年份 </div><div class="userline_2"><select name="year" style="width: 100%; height:40px">
- <option>2013</option>
- <option>2014</option>
- <option>2015</option>
- <option>2016</option>
- </select></div><div class="userline_3"><img src="${ctx}/image/lock.png"></div></div>
- <div class="userline_info" id="pass_info"></div>
- <div class="login_button" ><input type="submit" value="查询" style="width:100%;height:100%;background:none;border:none;color:#ffffff;font-size:16px;"></div>
-
- </form>
- </div>
- </div>
-
- <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>
- <style>
- #menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
- #menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
- #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;}
- #menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
- #menu ul li .img_front img{width:100%;height:100%;}
- #menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;}
- #menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
- </style>
- <script>
- var zhi = 1;
- function beginTalk() {
- var t = window.location.toString();
- var newT = t.replace(new RegExp("&", "gm"), "<and>");
- window.open("italk/index_m.jsp@fs_AccessAddress=" + newT, "talk");
- }
- window.onload = function(){
- $('#menu ul li').each(function(j){
- $('#menu ul li').eq(j).removeClass("on");
- $('#menu ul li span').eq(j).animate({bottom:-$('#menu ul li span').eq(j).height()},100);
- });
- }
- $('#menu ul li').each(function(i){
- $(this).click(function(){
- if($(this).attr("class")!="on"){
- $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
- $('#menu ul .on').removeClass("on");
- $(this).addClass("on");
- $('#menu ul li span').eq(i).animate({bottom:35},200);
- $('.footer_front').show();
- }else{
- $('#menu ul li span').eq(i).animate({bottom:-$('#menu ul li span').eq(i).height()},200);
- $(this).removeClass("on");
- $('.footer_front').hide();
- }
- });
- });
- $('.footer_front').click(function(){
- $('#menu ul .on span').animate({bottom:-$('#menu ul .on span').height()},200);
- $('#menu ul .on').removeClass("on");
- $(this).hide();
- });
- </script>
- </div>
- <script>
- function check(){
- if(document.form2.meterNumber.value==""){
- alert("水表号不能为空!");
- return false;
- }else if(document.form2.year.value==""){
- alert("年份不能为空!");
- return false;
- }
- document.form2.submit();
- }
- $('.login_button input').click(function (e) {
- e.preventDefault()
- check();
- });
- </script>
- </body>
- </html>
|