Loading 遮蔽层简单实现。

<!--背景div--><div id="bg" class="bg" style="display:none;text-align: center;"></div>
<!--loading 图片 div --><div class="mydiv" id="popDiv">
    <img src="${root }/common/images/loading11.gif" style="margin-top:40px;"/><br/>
     <p align="center">正在查询，请稍后。。。。</p>
 </div>

当执行点击事件时，通过js控制div做一次显示即可。

function showDiv(){
        document.getElementById(‘popDiv‘).style.display=‘block‘;
        document.getElementById(‘bg‘).style.display=‘block‘;
        //document.getElementById(‘popIframe‘).style.display=‘block‘;
    }
function closeDiv(){
    document.getElementById(‘popDiv‘).style.display=‘none‘;
    document.getElementById(‘bg‘).style.display=‘none‘;
    //document.getElementById(‘popIframe‘).style.display=‘none‘;
    }     function goT(rpCode,rpDate,rpType,rpName){  document.getElementById("reportCode").value=rpCode;  document.getElementById("reportDate").value=rpDate;  document.getElementById("reportType").value=rpType;  document.getElementById("reportName").value=rpName;  showDiv();  //这里做显示  document.getElementById("myForm").submit(); //提交表单 }

Loading 遮蔽层简单实现。,布布扣,bubuko.com

时间： 2024-10-12 19:35:32

Loading 遮蔽层简单实现。的相关文章

POJ 3282 Ferry Loading IV（简单模拟）

Description Before bridges were common, ferries were used to transport cars across rivers. River ferries, unlike their larger cousins, run on a guide line and are powered by the river's current. Cars drive onto the ferry from one end, the ferry cross

WPF loading遮罩层 LoadingMask

先上张效果图看看如果不如您的法眼可以移步了或者有更好的效果可以留言给我废话不多说直接贴代码一个usercontrol <UserControl x:Class="LoadingMask_Demo.LoadingWait" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx

WPF遮蔽层的实现

在一些项目中,难免会有耗时的加载,如果加载时没有提示,给人一种假死的感觉,很不友好,那么现在福利来啦,WPF版的模态窗体,先上效果图实际效果指针是转动的,话不多说,一大批干货来袭 XMAL的代码 1 Window x:Class="ZhiHeng.IntelligentExpress.WpfUI.Views.CoverForm" 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

编写hibernate 操作数据库的dao层简单代码

Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,它将POJO与数据库表建立映射关系,是一个全自动的orm框架,hibernate可以自动生成SQL语句,自动执行,使得Java程序员可以随心所欲的使用对象编程思维来操纵数据库. Hibernate可以应用在任何使用JDBC的场合,既可以在Java的客户端程序使用,也可以在Servlet/JSP的Web应用中使用,最具革命意义的是,Hibernate可以在应用EJB的J2EE架构中取代CMP,完成数据持久

mybatis中java自动化生成dao层简单实用

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN" "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" > &

简单实现JS Loading功能

我们经常在浏览网页的时候会看到数据在加载时,出现的LOADING提示.其实这个功能原理是很简单的,就是一个DIV遮盖当前页面,然后Loading就在遮盖DIV层上展示出来,现在我们来动手实现一下. 1.当前页面: <div class="current"><a href="#" onclick="showLoading()">Loading</a></div> 2.遮罩层: <div id=&

HTML页面弹出自定义对话框带遮蔽罩（使用JavaScript）

转载:http://blog.sina.com.cn/s/blog_610f47c50100ohe4.html 原理其实很简单:首先绘制弹出的自定义对话框,将其使用display:none隐藏,因为设置为none,其在页面中并不占用空间: 遮蔽罩使用一个div,然后将其宽高设置为整个显示窗口大小,配置其透明度,在将其z-index属性大于主页面的z-index的值,也就是遮蔽层在主页面上方,如此即可事先隐藏一个div,在需要的时候调出显示既可. <!--以下代码从网上多处学习整合而成,由于来源

jquery ajax请求方式与提示用户正在处理请稍等，等待数据返回时loading的显示

1.jquery ajax请求方式与提示用户正在处理请稍等为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实现初次使用$.ajax() ,我没有去区分过ajax的异步请求和同步请求的不同,刚开始使用同步请求,以至后来出现许多问题,特别在体验度方面.异步和同步:同步意味着执行完一段程序才能执行下一段,它属于阻塞模式,其表现在网页上的现象是——浏览器会锁定页面(即所谓的页面假死状态),用户不能操作其它的,必

页面进行ajax时显示一个中间浮动loading

先发效果图,加载东西的时候如果没有设计或者其它提示会降低用户体验,所以写了个简单的loading弹层. 适用于触屏和pc页面. /* 页面进行ajax时显示一个中间浮动loading @auther: LM @date: 2015-6-10 @rely: html5触屏 @fun: LM_loading.show(); //显示 @fun: LM_loading.hide(); //隐藏 */ (function(window){ var LM_loading = { Timmer:null,

Loading 遮蔽层 简单实现。

Loading 遮蔽层 简单实现。的相关文章

Loading 遮蔽层简单实现。

Loading 遮蔽层简单实现。的相关文章