`
soft901
  • 浏览: 36832 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

页面提交时,防止重复提交,创建遮盖层

阅读更多
function wait() {
	var div = document.createElement("DIV");
	div.id = "UnderLay";
	div.name = "UnderLay";
 	//div1.style.width=screen.width;
  	//div1.style.height=screen.height;
 	document.body.appendChild(div);
 	// hide
 	div.style.display = "none";
 	div.onfocus = function(){}
 	div.onclick = function(){}
  	 	
	div.style.display = "";
}




#UnderLay {
	position: absolute;
	width: 110%;
	height: 110%;
	cursor: wait;
	bottom: 0;
	right: 0;
	z-index: 500; /* dessus les popups */
	background: white;
	filter: alpha(opacity=50);
	opacity: .5;	
}

分享到:
评论

相关推荐

    javascript写的页面遮盖层,可根据具体情况自己设定或改写

    这个功能通常用于在进行页面加载、提交表单或执行其他需要用户等待的操作时,提供一种视觉上的提示,以防止用户在后台进行其他操作。 页面遮盖层的设计目标是创建一个可自定义的解决方案,以适应不同的应用场景。...

    Jquery做的遮盖层

    "Jquery做的遮盖层"是一个常见的需求,用于在网页上创建一个半透明的覆盖层,通常用于加载提示、弹出框或阻止用户在特定操作期间与页面交互。以下是对这个主题的详细讲解: 首先,让我们理解遮盖层(Overlay)的...

    css遮盖层

    在某些场景下,我们可能需要实现一个遮盖层(overlay)效果,它通常用于弹窗、模态框或者加载提示等,以创建一种半透明的覆盖层,使用户无法与页面的其他部分互动,从而专注于特定的交互区域。本篇将详细讲解如何...

    单击弹出遮盖层

    遮盖层通常用于创建一个半透明的覆盖层,当用户点击某个元素时,遮盖层会出现在整个页面上,以突出显示特定内容或执行某种操作。下面我们将详细探讨这一技术的相关知识点。 首先,遮盖层的实现往往基于HTML结构,一...

    javascrip实现t遮盖层

    在JavaScript中实现遮盖层(通常称为“蒙层”或“overlay”)是一种常见的网页交互设计,用于在用户进行特定操作(如登录、确认、加载数据等)时提供视觉反馈,确保用户注意力集中于弹出的窗口而暂时阻止对背景页面...

    JS+CSS遮盖层

    JS+CSS遮盖层,完全支持ie等主流浏览器,并解决在ie6下无法遮盖窗口级控件问题。

    JavaScript弹出遮盖层

    在网页设计中,"JavaScript弹出遮盖层"是一个常见且实用的技术,用于创建对话框、提示框或者加载指示器等效果,提供更好的用户体验。 首先,我们需要了解遮盖层(Overlay)的概念。遮盖层是在网页上覆盖一层半透明...

    页面加载div遮罩层

    在网页设计中,"页面加载div遮罩层"是一个重要的技术实践,它的目的是在页面内容正在加载时提供一个视觉屏障,防止用户过早地与未完成加载的页面元素交互。这种做法可以提升用户体验,因为当页面正在加载时,遮罩层...

    超好用的Jquery弹出框和遮盖层

    遮盖层则是在弹出框出现时覆盖整个页面,以减少背景元素的干扰,提高用户体验。 1. **创建基础结构**:在HTML中,我们需要一个容器元素来承载弹出框的内容,以及一个遮盖层元素。通常,遮盖层是一个全屏的透明div,...

    遮盖效果

    4. **iOS Swift/Objective-C**:iOS开发者可以使用`UIView`或`UIAlertController`来创建遮盖层。通过调整`alpha`属性和设置背景颜色,可以创建透明度效果。`UIPresentationController`允许自定义呈现方式,从而实现...

    jquery弹出层不关闭 父页面刷新

    在创建弹出层时,我们可以利用jQuery的`.show()`或`.fadeIn()`方法来显示元素,而`.hide()`或`.fadeOut()`则用于隐藏。对于弹出层,通常是一个具有`position: fixed`属性的div元素,它会在页面上浮动,遮盖住其他...

    iframe弹出框遮罩父类页面

    2. **遮罩层**:为了实现遮罩效果,我们需要在子页面中添加一个全屏的透明div,作为遮罩层。这个div通常设置为全屏尺寸,并设置较低的不透明度,以达到半透明的效果。同时,它的初始样式也需要设置为隐藏。 3. **...

    Bootstrap实现遮罩层

    Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 ...

    javascript 层遮罩效果

    当你点击“用户登录”按钮时,一个半透明的遮罩层会覆盖整个页面,使得用户只能与弹出的对话框进行交互,从而集中用户的注意力。这个效果的实现涉及到JavaScript、HTML和CSS三者的配合。 首先,HTML部分主要负责...

    动画ppt之遮盖效果

    "进入"遮盖会让元素伴随着遮盖层的移动而显现,而"强调"遮盖通常用于已经存在的元素,让其在屏幕上突出显示。 遮盖效果的参数是可以调整的,包括动画的持续时间、方向、速度等。例如,你可以设置遮盖从左至右、从上...

    弹出层登录页面

    在网页设计中,"弹出层登录页面"是一种常见的用户界面设计模式,它允许用户在不离开当前页面的情况下进行登录操作。这种设计方法提高了用户体验,因为它避免了跳转到新的登录页面,使得用户能够更快地返回到他们正在...

    自定随机密码键盘并适配计算界面需要滚的高度防止弹出的popupwindow遮盖点击的输入框

    4. **计算高度**:为了防止PopupWindow遮盖输入框,我们需要在显示PopupWindow之前,计算出输入框距离屏幕底部的距离,然后设置PopupWindow的位置使其底部与输入框顶部对齐。这可以通过ViewGroup的measure()和...

    在IE6中浮动层遮盖不住select的方法

    在网页设计中,浮动层(通常通过CSS的`position: absolute`或`position: fixed`实现)常用于创建弹出窗口、提示信息等,但当浮动层与页面中的`<select>`下拉框重叠时,IE6往往无法正常遮盖住下拉框,导致交互体验不...

    超酷的全屏遮盖显示图片效果

    其次,为了实现遮盖效果,JavaScript可能会创建一个全屏的遮罩层,这个遮罩层通常使用半透明的黑色或灰色,使得图片在显示时具有一定的朦胧感,增强神秘感或艺术效果。遮罩层可以通过CSS的`position`属性设置为`...

    android控件放大被遮盖已解决

    最后,如果你的控件是可触摸的,比如按钮或图像视图,确保它们的`android:clickable`和`android:focusable`属性设置为`true`,以防止放大后由于可点击区域扩大而被其他控件截取触摸事件。 总的来说,解决Android...

Global site tag (gtag.js) - Google Analytics