`
hareee
  • 浏览: 26916 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

js弹出窗口自适应大小

 
阅读更多

  //弹出窗口高度调整自适应 
  function resetDialogHeight(){
   if(window.dialogArguments == null){
    return; //忽略非模态窗口
   }
   //正文高度
   var height = document.body.scrollHeight;
   //卷进去高度
   var heightTop = document.body.scrollTop;
   if (window.XMLHttpRequest) {
    window.dialogHeight=(height+heightTop+5)+"px";
   } else {
    window.dialogHeight=(height+heightTop+55)+"px";//IE6不能自动调整高度,要加45
   }
  }
  window.attachEvent('onload', function(){resetDialogHeight();});

0
0
分享到:
评论

相关推荐

    \ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑).doc

    ### ASP.NET实现自适应图片大小的弹出窗口详解 在Web开发中,处理图像展示时,经常需要创建一个能够自适应图像大小的弹出窗口,同时保持良好的用户体验。本文将详细解析如何在ASP.NET框架下实现这一功能,具体包括...

    解决layer弹出层自适应页面大小的问题

    总的来说,解决layer弹出层自适应页面大小的问题需要对CSS布局、JavaScript以及特定组件的API有深入理解。在实际应用中,可能需要结合响应式设计原则,如媒体查询(Media Queries),以及更复杂的计算方式来确保弹出...

    很好用的模态弹出窗口,可自定义弹出窗口外观源码

    开发者可以通过修改CSS样式来改变弹出窗口的颜色、大小、边框、阴影等视觉效果,以适应不同网站的设计风格。这涉及到HTML和CSS的基本知识,如选择器、属性和单位等。 4. **JavaScript/jQuery**: 虽然主要标签为...

    漂亮的div弹出窗口样式

    5. **响应式设计(responsive design)**:考虑到不同设备的屏幕尺寸,弹出窗口应具有响应式,能够自适应地调整大小和位置。这可以通过媒体查询(`media queries`)来实现,确保在手机、平板电脑和桌面电脑上都有良好的...

    自适应大小的层

    "自适应大小的层"是一种设计策略,其目标是实现弹出层(也称为模态窗口或对话框)的效果,能够根据内容自动调整尺寸,以适应不同的显示需求。这样的功能尤其重要,因为它确保了在不同屏幕尺寸和分辨率的设备上都能...

    js 弹出窗口 弹出div window 支持遮罩、拖动、嵌入页面、换肤等实用功能

    JavaScript是一种广泛应用于网页和应用程序开发的脚本语言,它的弹出窗口功能经常被用来创建交互式的用户界面。在本文中,我们将深入探讨如何利用JavaScript实现一个弹出div窗口,包括支持遮罩、拖动、嵌入页面和...

    仿win7界面弹出窗口放大缩小代码.zip

    该压缩包文件“仿win7界面弹出窗口放大缩小代码.zip”包含了一组JavaScript代码,其目的是实现一个类似于Windows 7操作系统中窗口交互效果的网页动态特效。这种特效主要体现在弹出窗口的打开、关闭以及缩放过程,...

    flex 弹出窗口并居中显示

    1. 自适应窗口大小:如果弹出窗口的大小需要根据内容自适应,可以使用`max-width`和`max-height`限制最大尺寸,同时保持`overflow: auto`以启用滚动条。 2. 窗口拖动:为了增加交互性,弹出窗口还可以添加拖动功能...

    CSS3 jQuery自定义弹出窗口

    4. **增强功能**:弹出窗口还可以添加更多功能,如自适应屏幕大小、动态加载内容、延迟显示等。例如,我们可以使用jQuery的`.resize()`方法监听窗口大小变化,调整弹出窗口的位置;或者使用Ajax异步加载数据到弹出...

    jquery_dialog 弹出窗口

    在本实例中,我们关注的是`jquery_dialog`,这是一个jQuery插件,专门用于实现弹出窗口效果。这个插件使得在网页中创建各种形式的对话框变得简单而高效,比如警告消息、确认框或者自定义内容的弹窗。 首先,我们来...

    19款 jquery-css3 js遮罩弹出层(浮动窗口)特效.rar

    本源码收集了19款基于jquery-css3实现的js遮罩弹窗效果,弹出层,就是大家熟悉的浮动窗口,由html5 CSS3 JS jQuery联合实现的可自定义的弹出窗口,实例效果丰富,调用简单,初学者也可看懂。一个HTML5页面演示了19种...

    模拟win7 自适应大小静态页

    可以创建模拟的Office应用程序图标,当用户点击时,弹出一个模态窗口或者新页面,显示相关的办公场景或功能。这些状态可以通过JavaScript和CSS来实现动态变化,比如添加一个正在运行的动画效果,或者展示不同的工作...

    JS右下角弹出窗口代码

    ### JS右下角弹出窗口代码解析与应用 在网页设计与开发中,右下角弹出窗口是一种常见的交互方式,用于提供即时消息、广告或客户服务等。本文将深入解析一个具体的JS右下角弹出窗口代码示例,探讨其工作原理及实现...

    登陆界面弹出窗口

    在登录弹出窗口的实现中,JavaScript 负责处理用户的输入、验证数据、控制弹窗的显示与隐藏、以及可能的异步通信(如AJAX)以将登录信息发送到服务器。例如,当用户点击“登录”按钮时,JavaScript 代码会检查输入的...

    JAVASCRIPT让IFRAME框架的高度自适应

    在实际应用中,我们可以使用这个方法来实现各种类型的高度自动调整,例如实现弹出窗口的高度自动调整、实现浮动框架的高度自动调整等等。使用JavaScript来让IFRAME框架的高度自适应是一种非常有用的技术,可以帮助...

    layer弹出层自适应高度,垂直水平居中的实现

    `layer` 是一个常用的 JavaScript 弹窗插件,它提供了丰富的功能,包括弹出层的自适应高度和垂直水平居中。本文将详细讲解如何利用 `layer` 实现这些效果。 首先,我们来关注高度自适应的问题。在 `layer` 中,当弹...

    关于自适应屏幕方向和大小的一些经验.doc.zip

    8. **JavaScript解决方案**: 除了CSS,JavaScript库如Bootstrap或jQuery也可以帮助处理屏幕适配问题,例如,通过监听窗口的resize事件来动态调整布局。 9. **自适应视频和音频**: 视频和音频内容也需适应不同的屏幕...

    jQuery的点击弹出窗口特效.zip

    弹出窗口的实现通常涉及到CSS(层叠样式表)和HTML结构。CSS用于定义窗口的外观,包括位置、大小、颜色、透明度等属性。例如,我们可以创建一个隐藏的div作为弹窗容器,初始设置display为none,然后在点击事件触发时...

    弹出居中DIV窗口,背景逐渐变暗

    然后,我们可以通过JavaScript来控制弹出窗口的显示和隐藏,以及背景层的透明度变化。这里我们可以使用jQuery库,因为它提供了丰富的DOM操作和动画功能: ```javascript $(document).ready(function() { // 打开弹...

    jQuery灯箱弹出窗口插件litebox.zip

    jQuery Litebox是一款强大的灯箱插件,主要用于在网页中实现优雅的弹出窗口效果,将图片、视频、iframe等内容以模态窗口的形式展示给用户。它具有多种功能和自适应特性,可以无缝地与网页内容集成,提升用户体验。在...

Global site tag (gtag.js) - Google Analytics