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

让div以弹出窗口显示的样式,始终在可视页面上

阅读更多


#LoadingStatus{// LoadingStatus为div的id

position:fixed !important;

position:absolute;

top:100px;

top: expression( ( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

margin:0 0 0 -110px;

 

width:220px;height:19px;

left:50%;

text-align:center;

border:1px solid red;

z-index: 900 //显示到某页面之前,该数字要大于某页面

}

分享到:
评论

相关推荐

    div模拟弹出窗口,web2.0体现

    在网页设计中,"div模拟弹出窗口"是一种常见的交互技术,它允许用户在不离开当前页面的情况下查看或操作相关信息。这种技术在Web2.0时代得到了广泛应用,因为它提供了更丰富的用户体验,使得网站更具动态性和互动性...

    滚动条到底部弹出div

    在网页设计中,"滚动条到底部弹出div"是一种常见的交互效果,它通常用于实现无限滚动、加载更多内容或显示底部菜单等场景。这个功能是通过JavaScript和CSS结合实现的,下面我们将详细探讨如何实现这个效果。 首先,...

    javascript用DIV模拟弹出窗口_窗体滚动跟随

    这说明了页面上可能还存在其他与弹出窗口配合的JavaScript功能,这些功能需要在引入外部JavaScript文件后才能正常工作。 文章提到的标签包含了多个与编程相关的关键词,例如“javascript”、“div”、“窗体”、...

    jQuery遮罩弹出带步骤流程窗口代码.zip

    1. **遮罩层(Mask Layer)**:遮罩层用于覆盖整个页面,提供一个半透明的背景,突出显示弹出窗口。在jQuery中,可以通过创建一个全屏的div元素并设置其样式(如背景颜色、透明度等)来实现。使用CSS的`position: ...

    使用jQuery判断Div是否在可视区域的方法 判断div是否可见

    如果 `offsetTop` 大于等于 `scrollTop`(当前滚动条的位置)并且小于 `scrollTop` 加上 `window` 的高度(可视区域的高度),则表示 `#eq` 在可视区域内,会弹出提示消息。 接下来,我们来看看如何使用jQuery判断...

    Jquery弹出可拖动Div模态层源码20121130

    在模态层中,Div作为可视窗口,承载着需要展示的内容,并可以通过CSS进行样式定制,以满足各种设计需求。 3. **可拖动功能**:通过jQuery的事件处理机制,可以实现Div的拖动功能。当用户点击并移动鼠标时,模态层会...

    网页弹出div层的javascript

    本教程主要探讨如何使用JavaScript实现一个可自定义大小、路径并带有动画效果的div弹出层。 首先,我们要理解div在HTML中的角色。div是“division”的缩写,它是一个用于分组HTML元素的容器,可以通过CSS样式进行...

    arcgis api 3.x for js 地图加载多个气泡窗口展示.zip

    这个压缩包"arcgis api 3.x for js 地图加载多个气泡窗口展示.zip"很可能包含了一系列示例代码或教程,展示了如何在地图上加载并展示多个信息气泡窗口。这些气泡窗口通常用于提供关于地图上特定位置的详细信息,如...

    DIV层拖动、关闭、打开

    在网页设计中,我们常利用`<div>`创建浮动或绝对定位的层,以便实现各种动态效果,如弹出窗口。 2. **层拖动**:为了让用户能够自由移动页面上的某一部分内容,可以为`<div>`添加拖动功能。这通常通过JavaScript或...

    html5图片响应式布局点击弹出大图切换特效

    这个功能使得用户在浏览网页时,可以点击小图预览模式,以弹出的方式查看全尺寸的大图,并且支持在多张图片间进行平滑切换。以下是关于这个主题的详细解释: 1. **HTML5新特性**: - `data-*` 属性:HTML5允许...

    3D地球+自定义tooltip,自定义样式完美显示

    Tooltip是ECharts中一种重要的交互元素,当鼠标悬停在某个数据点上时,它会弹出一个浮动的小窗口,显示该数据点的相关信息。在3D地球这种场景下,由于地球表面的复杂性,如何让tooltip准确地跟随鼠标并清晰地显示...

    编写jquery弹出框插件

    在启动前,计算并设置弹出框相对于窗口的坐标,确保它在可视区域内。 ```javascript function setPopupPosition() { // 计算并设置弹出框位置 } ``` 5. **显示弹出框窗口** 使用jQuery的`fadeIn`或`show`方法将...

    数据可视化-ECharts 虚拟数据.zip

    通过监听这些事件,可以实现动态响应,例如高亮关联数据、弹出详情窗口等。 5. **自适应与响应式**:为了适应不同尺寸的屏幕,ECharts 提供了自适应功能,可以根据容器大小自动调整图表大小。同时,也可以结合 CSS...

    js弹出层可拖动兼容各大浏览器[文].pdf

    这样可以确保弹出层始终位于可视区域的中央。 对于遮罩层,我们创建一个`DIV`元素,并设置其样式以覆盖整个页面,同时设置透明度以实现半透明效果。在IE浏览器中,还需添加一个`iframe`来解决透明遮罩层在IE下的...

    页面后台模板

    3. **模态对话框**:显示警告、确认或详细信息的弹出窗口,不打断用户的操作流程。 4. **表单序列化**:将表单数据转换为JSON或其他格式,便于服务器端处理。 5. **数据可视化**:利用图表库(如Highcharts或ECharts...

    为什么dreamweaver把表格转换为apdiv没反应.pdf

    在 Div 标签中添加内容与在普通页面上操作相似,只需将插入点置于 Div 内,然后输入文本或插入其他元素。如果你想查看和编辑应用于 Div 的 CSS 规则,可以通过选择 Div,然后在“CSS 样式”面板中查看和编辑。这让你...

    jQuery鼠标滚动条到页面底部浮动层滑动弹出信息

    在网页设计中,有时我们需要实现一种效果:当用户滚动页面至底部时,一个浮动层会自动弹出显示信息。这种功能常用于展示广告、提示消息或者加载更多内容等。jQuery库提供了一种简单且强大的方式来实现这样的交互效果...

    JavaScript写的一个自定义弹出式对话框代码

    接下来是弹出窗口的实现,涉及到弹窗的构造,包括标题、内容、大小、模态对话框属性、以及按钮设置。在`showWindow`函数中: 1. 首先对窗口的大小进行限制,确保它不会小于设定的最小值,同时,如果设置为模态...

    jQuery百度可拖动登录窗口代码.zip

    1. **创建登录窗口**:在HTML中,创建一个包含登录表单的浮层元素,通常使用`<div>`标签,并设置相应的CSS样式使其成为弹出窗口样式。同时,需要为登录窗口添加一个标题栏,作为拖动的触发区域。 2. **绑定事件**:...

Global site tag (gtag.js) - Google Analytics