`
guolang2116
  • 浏览: 72329 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

弹出层

 
阅读更多

<style>
#Loading {position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px}
</style>
<script LANGUAGE="JavaScript">
<!--
function $(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);}
var OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50;
// 调用方式(OpenDiv(500,300,'双击可以关闭'))  <div id="Loading" style="display:none" ondblclick="this.style.display='none'"></div>
function OpenDiv(_Dw,_Dh,_Desc) {
 $("Loading").innerHTML="";
 OverH=_Dh;OverW=_Dw;ChangeDesc=_Desc;
 $("Loading").style.display='';
 if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
 $("Loading").style.top=(document.documentElement.clientHeight-10)/2+"px";
 $("Loading").style.left=(document.documentElement.clientWidth-10)/2+"px";
 OpenNow();
}
var Nw=10,Nh=10;
function OpenNow() {
 if (Nw>OverW-ChangeW)ChangeW=2;
 if (Nh>OverH-ChangeH)ChangeH=2;
 Nw=Nw+ChangeW;Nh=Nh+ChangeH;
 
 if(OverW>Nw||OverH>Nh) {
  if(OverW>Nw) {
   $("Loading").style.width=Nw+"px";
   $("Loading").style.left=(document.documentElement.clientWidth-Nw)/2+"px";
  }
  if(OverH>Nh) {
   $("Loading").style.height=Nh+"px";
   $("Loading").style.top=(document.documentElement.clientHeight-Nh)/2+"px"
  }
  window.setTimeout("OpenNow()",10)
  }else{
   Nw=10;Nh=10;ChangeH=50;ChangeW=50;
   $("Loading").innerHTML=ChangeDesc;
  }
}
//-->
</script>

 

<div id="Loading" style="display:none" ondblclick="this.style.display='none'"></div>

<input type="button" onclick="OpenDiv(500,300,'双击可以关闭')" value="弹出层"/>

分享到:
评论

相关推荐

    jQuery顶部浮动弹出层动画弹出层特效

    在"jQuery顶部浮动弹出层动画弹出层特效"这个主题中,我们将深入探讨如何利用jQuery来创建动态、吸引人的弹出层效果,特别是在页面顶部浮动的设计。 首先,让我们了解什么是弹出层。弹出层是一种网页设计技术,它...

    弹出层2,可以弹出多个层,并实现数据交互

    在IT领域,弹出层(通常称为Modal窗口或Dialog)是一种常见的用户界面设计元素,用于在用户当前操作的页面上显示额外的信息或者进行特定的交互。"弹出层2"可能是一个专门设计的插件,它允许开发者创建并管理多个同时...

    jquery 弹出层

    而“jQuery 弹出层”是 jQuery 应用中的一个重要功能,它允许开发者创建各种类型的弹出对话框,如模态框、提示框、信息窗口等,以提供更丰富的用户体验。在网页上,弹出层通常用于显示额外的信息、用户确认、表单...

    layer弹出层全屏及关闭方法

    在现代Web开发中,实现弹出层全屏展示以及关闭方法是提升用户交互体验的重要技术之一。layer是一款轻量级的页面弹出层插件,它提供了非常方便的方式来实现弹出层的全屏展示以及关闭操作。以下是layer弹出层全屏及...

    layui 弹出层回调获取弹出层数据的例子

    在本文中,我们将深入探讨如何在layui框架中利用弹出层(layer)进行回调操作,以便获取弹出层内的数据。layui是一个轻量级、模块化的前端UI框架,提供了丰富的组件,包括弹出层功能,使得用户交互变得更加便捷。在...

    弹出层居中

    标题“弹出层居中”涉及的是网页设计中常见的用户界面元素布局问题,特别是使用JavaScript库如jQuery实现的弹出窗口或对话框的居中显示。在这个场景中,"TestJQueryMaskLayer"可能是一个使用jQuery实现的遮罩层插件...

    js弹出层并获取弹出层文本内容

    在JavaScript中,弹出层通常指的是通过编程方式在网页上动态创建或显示一个浮动的div元素,用于展示信息、提示用户或收集用户输入。这种技术广泛应用于网页交互设计,尤其在不需要新窗口或完全刷新页面的情况下。在...

    .net中弹出层显示效果

    在.NET开发中,弹出层通常用于在用户与网页交互时提供信息提示、确认操作或者展示详细内容。这种效果能够增强用户体验,使页面看起来更加专业和美观。在本例中,我们将探讨如何在.NET环境中创建具有多层显示、包含...

    20种弹出层,弹窗 jQuery+CSS3 多功能弹出层插件v2.0.1

    《jQuery+CSS3多功能弹出层插件v2.0.1详解》 在Web开发中,弹出层(也称为对话框或模态窗口)是不可或缺的元素,它们用于显示重要的信息、提示用户确认操作或者提供交互式内容。本文将深入探讨一款名为“20种弹出层...

    jQuery弹出层 可移动层 提示框 浮动层

    《jQuery弹出层技术详解与应用实践》 在网页开发中,用户交互体验的重要性日益凸显,其中弹出层(Popup Layer)作为一种常见的交互元素,被广泛应用于提示信息、表单填写、图片预览等场景。jQuery,作为JavaScript...

    百度地图个性化弹出层和地图颜色

    本文将深入探讨“百度地图个性化弹出层和地图颜色”这一主题,旨在帮助开发者更好地利用百度地图API来创建独特且引人入胜的用户体验。 首先,让我们了解“百度地图个性化弹出层”。弹出层,也称为信息窗口或气泡,...

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

    在IT领域,尤其是在Web开发中,"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里,我们主要讨论如何使用jQuery实现这样的功能,即在一个弹出层(通常是一个模态对话框)显示时,用户可以操作父页面而不会...

    很犀利的弹出层,弹出层代码

    标题中的“很犀利的弹出层,弹出层代码”暗示我们将探讨一种高效且实用的弹出层实现方法。 弹出层的核心在于JavaScript和CSS的结合使用。JavaScript用于控制弹出层的显示、隐藏以及与用户的交互,而CSS则负责样式...

    jquery弹出层 jquery弹出层 jquery弹出层

    标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果,这在网页设计中是非常常见的一种功能,用于显示警告、信息、确认对话框或者复杂的模态窗口。 首先,让我们理解什么是弹出层。弹...

    DIV弹出层+定位

    在这个“DIV弹出层+定位”的例子中,我们关注的是如何利用`DIV`来创建一个可滑动的弹出层,并且使其在页面上保持固定的位置。这种功能通常用于显示提示信息、模态对话框或者加载额外的内容。 首先,`DIV弹出层`是指...

    弹出层表单提交数据完美解决

    在网页设计和开发中,用户交互的一个常见场景是通过弹出层(modal)表单来收集数据。这种设计模式能够提供一种不打断整体用户体验的方式来获取信息,如注册、登录、编辑或确认操作。本文将详细讲解如何实现弹出层...

    html5手机端点击弹出层

    弹出层(通常称为弹窗或模态框)是在网页上创建的一个半透明或者全屏覆盖的独立区域,当用户触发特定事件(如点击按钮)时,这个区域会突然出现,吸引用户的注意力。在移动设备上,弹出层的设计需要考虑到屏幕大小和...

    jquery弹出层插件SexyLightBox

    **jQuery弹出层插件SexyLightBox详解** 在网页设计中,弹出层是一种常见的交互元素,用于在用户点击某个链接或按钮时显示一个浮动窗口,通常用来展示图片、视频或者详细信息。SexyLightBox是一款基于jQuery的弹出层...

    漂亮的html弹出层弹出窗口

    "images"文件夹则包含弹出层可能用到的图片资源,如关闭按钮、阴影效果等,这些图片对提升弹出层的视觉效果至关重要。 综上所述,这个压缩包提供的是一套完整的HTML弹出层解决方案,结合了jQuery和自定义的...

    JS弹出层源代码

    在网页中,弹出层(通常称为弹窗或提示框)是用户界面设计中常见的元素,用于显示警告、确认信息、输入数据或其他交互功能。本文将深入探讨JS弹出层的实现原理及其应用。 弹出层的基本概念是创建一个在用户与网页...

Global site tag (gtag.js) - Google Analytics