前端功能效果

1、等待效果

 <style type="text/css">
    .query_hint{
     border:5px solid #939393;
     width:250px;
     height:50px;
     line-height:55px;
     padding:0 20px;
     position:absolute;
     left:50%;
     margin-left:-140px;
     top:50%;
     margin-top:-40px;
     font-size:15px;
     color:#333;
     font-weight:bold;
     text-align:center;
     background-color:#f9f9f9;
    }
    .query_hint img{position:relative;top:3px;left:-8px;}
    </style>
    <script type="text/javascript">
        function show_hint() {
            $("#query_hint").css("display", "block");
        }

        function hide_hint() {
            $("#query_hint").css("display", "none");
        }
    </script>

    <div id="query_hint" class="query_hint" style="display:none">
        <img src="/../Css/images/loading.gif"/>正在审批，请稍等．．．
    </div>