zoukankan      html  css  js  c++  java
  • 为页面添加ajax 操作提示

    为增强用户体验,在页面发送ajax 请求时,出现"操作"提示,ajax 结束时,隐藏"操作"提示。

    1.HTML 代码

    <!--ajax提示层-->
    <div class="ajaxDiv" id="ajaxDiv">
    操作中....
    </div>

    2. 样式

    div.ajaxDiv
    {
        position:absolute;
        left:0px;
        top:0px;
        100%;
        height:100%;
        background:#567 url(../images/Loading.gif) no-repeat center center;
        display:none;
        z-index:9999;
        color:red;
        text-align:center;
        vertical-align:middle;
        font-size:12px;
        line-height:100%;
    }

    3.JS 代码

        $.ajaxSetup({cache:false});
        $("#ajaxDiv").ajaxStart(function () {
            var h = $(document).height();
            $(this).height(h).css({ "opacity": 0.8, "line-height": h + 'px' }).show();
        }).ajaxStop(function () {
            $(this).hide();
        });

    4.结果

  • 相关阅读:
    office的高级应用
    python基础
    maven 资源导出失败问题
    单向环形链表和约瑟夫问题
    JDBC连接MySQL
    环形队列
    稀疏数组
    数据库锁机制和事务隔离级别总结
    context的简单应用
    JDBC基本使用方法
  • 原文地址:https://www.cnblogs.com/weekend001/p/2022203.html
Copyright © 2011-2022 走看看