`
xinghu
  • 浏览: 32740 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

将弹出框位置定位在当前浏览器

阅读更多

同事研究出来的,记下,将来有可能用到

 

function show_dialog(event){
    var temp1=document.viewport.getDimensions()
    var temp2=document.viewport.getScrollOffsets()
    var d_left =(temp1.width-460)/2
    var d_top =(temp2.top+30)
        new_slave_request();
    Element.setStyle(div,{position:"absolute",left:d_left+'px',top:d_top+'px',backgroundColor:"#ffffff"});

    $('').show
}

分享到:
评论

相关推荐

    jbox 兼容jQuery1.9以上版本,解决弹出框位置错误问题

    本文将深入探讨jBox如何在jQuery 1.9及以上版本中保持良好的兼容性,并解决弹出框定位错误的问题。 首先,我们了解下jBox的基本概念。jBox是一款轻量级的弹出框插件,它提供了丰富的自定义选项,可以创建各种类型的...

    windwo弹出框

    知识点:Windows弹出框在Web开发中的实现与定制 在Web开发中,窗口弹出框是一种常见的用户交互方式,用于显示额外的信息、收集用户输入或确认操作等场景。本知识点将详细探讨如何在HTML和JavaScript的基础上,利用...

    弹出框随滚动条滚动

    - 通过JavaScript,在`handleScroll`函数内部,根据滚动位置和弹出框的大小,计算出新的位置,并用`style.top`和`style.left`设置元素的坐标。 5. **防抖(Debounce)与节流(Throttle)**: - 因为scroll事件...

    js+css日历选择填写弹出框特效代码

    此外,CSS还能够帮助定位弹出框,使其在页面上居中显示,或者根据用户的设备和屏幕尺寸进行响应式布局,确保在不同设备上的良好显示。 日历选择填写弹出框的实现通常包括以下几个步骤: 1. 创建HTML结构:这包括一...

    jquery 弹出框,可以拖动。在任兼容ie6~ie9 firefox 谷歌

    4. CSS样式和定位:为了使弹出框可拖动,需要正确设置其相对定位和边界限制。 5. 浏览器兼容性处理:针对IE6至9的特性差异,可能需要使用特定的CSS hack或JavaScript库,如jQuery的`.browser`对象(尽管现在已不推荐...

    点击登陆弹出登陆框js代码

    在网页开发中,实现"点击登录弹出登录框"的效果是一种常见的用户交互设计,它可以提供良好的用户体验,使得用户无需离开当前页面即可完成登录操作。这个效果通常涉及到JavaScript和Ajax技术的运用。 首先,我们来...

    AJAX弹出提示信息效果

    - 定义 `MMove` 函数根据鼠标当前位置实时调整弹出框的位置。 - 定义 `MUp` 函数用于释放鼠标捕获,重置相关变量。 2. **弹出框操作函数**: - 使用 `onClick` 事件绑定在关闭按钮上,当点击时,将弹出框和遮罩...

    很好很强大弹出可拖动的DIV框

    /* 使弹出框相对于浏览器窗口定位 */ top: 50%; left: 50%; /* 初始位置在屏幕中心 */ transform: translate(-50%, -50%); /* 居中对齐 */ width: 400px; padding: 20px; background-color: #f9f9f9; border:...

    Js 模拟弹出层(不刷新弹出内容框、图片、登录框)

    具体来说,代码片段中展示了如何创建一个`div`元素作为弹出层,并将其定位在页面中央,同时设置背景颜色和透明度来充当遮罩,增强用户对弹出内容的聚焦。 #### 2. 显示图片与登录框 代码片段还提到了能够显示图片...

    js弹出层可拖动兼容各大浏览器(20211002200327).pdf

    弹出层的位置通过计算当前浏览器窗口的宽度和高度、滚动位置来确定,确保弹出层居中显示。同时,根据窗口大小调整弹出层的宽度和高度,以适应不同分辨率的设备。 5. **透明遮罩层**: 创建一个全屏的白色遮罩层,...

    SharePoint弹出消息提示框

    本文将深入探讨如何在SharePoint中实现弹出消息提示框功能,并分析相关代码逻辑。 #### 二、关键概念解析 ##### 1. SharePoint SharePoint是由微软公司开发的一套基于Web的应用程序平台和服务集合,主要用于构建...

    JS仿京东商城菜单,下拉弹出框菜单

    在JavaScript编程领域,实现类似京东商城的下拉弹出框菜单是一项常见的需求,它能够提供良好的用户体验,使得用户可以方便地浏览和选择商品分类。这个功能主要涉及到前端开发中的交互设计和DOM操作,下面我们将详细...

    基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

    这之后,我们需要将计算出的坐标位置应用到弹出框的样式中去,使其位置发生变化。这里使用的是jQuery的`.css()`方法来改变样式属性,从而调整位置: ```javascript obj.css({left: objLeft + 'px', top: objTop + '...

    js弹出div demo

    这种方式相对于浏览器内置的alert()、prompt()和confirm()函数,提供了更高的自定义性和灵活性,我们可以控制弹出框的样式、大小、位置以及包含的内容。 要实现一个js弹出div,我们需要以下几个步骤: 1. **创建...

    javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar

    - 弹出框定位:计算弹出框的位置,使其不会超出屏幕范围。 - 动画效果:在页面滚动时,根据可视区域的高度进行动画效果的处理。 7. **注意事项**: - `window.innerWidth`和`window.innerHeight`在某些情况下...

    js弹出窗口、弹出层

    5. **定位与尺寸**:弹出层可以设置位置(相对于屏幕或某个元素)和大小。 6. **交互性**:支持键盘操作,如Esc键关闭弹出层,以及焦点管理,确保表单元素可访问。 7. **响应式设计**:适应不同设备和屏幕尺寸,保证...

    浏览器可弹出的对话框

    本文将详细探讨几种常见的浏览器可弹出的对话框及其应用场景。 1. **Alert对话框** `alert()`函数是JavaScript中最基础的对话框,用于显示一条警告信息。它只包含一个按钮,即“确定”按钮,用户点击后对话框关闭...

    将弹出窗口切换至最大.txt

    在网页开发过程中,经常需要处理弹出窗口的大小和位置调整问题。例如,为了提供更好的用户体验或者展示更多的内容,开发者可能会选择将弹出窗口调整为全屏显示。这种需求在多种场景下都可能出现,比如在线帮助文档、...

    Chrome插件,弹出当前uri

    在本例中,我们讨论的是一款名为“弹出当前uri”的Chrome插件。这款插件的主要功能是在用户操作时弹出当前正在浏览的页面URI(Uniform Resource Identifier),也就是网页地址。 URI是互联网上的资源定位器,它包括...

    仿百度弹出信息展示框源码

    本项目名为“仿百度弹出信息展示框源码”,它旨在模仿百度地图的功能,允许用户在地图上点击特定信息点,获取详细信息,并执行如附近查找、导航等功能。这一实现主要依赖于地图API和HTML5技术,尤其是其强大的地理...

Global site tag (gtag.js) - Google Analytics