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

隐藏DIV层的两个方式

    博客分类:
  • WEB
阅读更多

1.

显示

document.all. testdiv .style.display='block'

隐藏

document.all.testdiv.style.display='none'

 

 

2.

显示

document.all.testdiv .style.visibility='visible'

隐藏

document.all.testdiv .style.visibility='hidden'

 

这两种方式都可以隐藏和显示DIV层,不同之处在于

 

使用"display"属性隐藏DIV层时其他元素会填充DIV所占的位置,

使用"visibility"属性隐藏DIV层时DIV所占的位置保持空白。

分享到:
评论

相关推荐

    鼠标经过显示隐藏div

    它定义了两个函数:`showTip2()`和`closeTip2()`。 - **`showTip2()`**:当鼠标移动到指定元素上方时,此函数被调用。其主要功能是获取`ipadTwo`元素,并设置其`display`属性为`block`,使其可见。同时根据鼠标的...

    隐藏网页中的层DIV的技巧

    本文将深入探讨如何使用 CSS 和 JavaScript 来隐藏网页中的层(Layer)——通常指的是 `div` 元素,以及这两种方法在实际应用中的差异。 首先,我们来看 `visibility` 属性。`visibility` 属性用于控制元素是否可见...

    Div显示与隐藏网页制作

    1. **JavaScript显示和隐藏Div**: - `style.display`属性:通过改变`Div`的`display`属性值,我们可以控制其是否可见。默认情况下,`display:none`会使元素不显示,而`display:block`则会使其恢复正常显示。 ```...

    ASPnet(C#)中的DIV的显示隐藏问题

    在这个示例中,我们定义了两个Panel控件:`Panel_Login`用于显示登录界面,`Panel_Main`则用于显示主界面。当用户点击登录按钮时,会触发`Button_Login_Click`事件。在该事件处理函数中,我们首先调用`CheckLogin`...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    在上面的代码中,我们使用了两个 div 层,一个是背景半透明层(#bg),另一个是弹出窗口的内容层(#popbox)。我们使用 CSS 将背景半透明层的宽度和高度设置为 100%,并使用 filter 属性或 opacity 属性来实现背景半...

    JAVASCRIPT弹出DIV层窗口实例

    这两个函数通过改变`<div id="popup">`的`display`样式属性,实现了弹出窗口的显示和隐藏。当用户点击按钮时,`onclick`事件会触发相应的JavaScript函数,执行相应操作。 为了增强用户体验,我们还可以添加一些动画...

    div层完美切换代码

    例如,可以定义两个`div`,初始状态一个为`display:block`(显示),另一个为`display:none`(隐藏)。通过JavaScript或CSS伪类(如`:hover`)改变它们的`display`值,即可完成切换。 ```css #layer1 { display: ...

    div css移动鼠标改变样式弹出div层

    首先,我们需要创建两个`div`元素:一个作为主内容区域,另一个作为弹出层。在HTML中,可以这样编写: ```html <div class="container"> <div class="content">主内容区域</div> <div class="popup" style=...

    layer和div两种弹出层.zip

    本压缩包包含两种实现弹出层的方法:Layer弹出层和简单的Div弹窗,这两种方法各有特点和适用场景。 1. Layer弹出层: Layer是一种流行的JavaScript插件,它提供了丰富的弹出层功能,如警告、提示、对话框、加载效果...

    两个js弹出div层并获取当前页面值的html例子

    在这个"两个js弹出div层并获取当前页面值的html例子"中,我们可以学习如何利用JavaScript动态创建和控制div元素来实现弹出层,并且获取当前页面的值。 首先,我们先理解HTML中的div元素。div是HTML中的一个块级元素...

    Div显示隐藏

    首先,我们需要创建两个 `div` 元素,一个用于显示文字,另一个用于隐藏的内容。假设我们有以下 HTML 结构: ```html <div class="container"> <div class="text">鼠标悬停我</div> <div class="hidden-content" ...

    html中一个div层在另外一个div或者img上显示

    下面将详细解释这两个关键知识点。 首先,理解CSS的定位属性。在HTML中,元素默认是按照流式布局(block or inline)进行排列的。然而,通过设置`position`属性,我们可以改变元素的定位方式: 1. `static`:这是...

    给div层增加右键菜单

    这些选择器用于设置div层的样式,包括高度、背景、内边距等属性,以及菜单的定位与显示方式。 - **#treediv**: 定义了高度、背景重复、内边距和光标样式,通常用于显示可以触发右键菜单的div元素。 - **#show**: ...

    DIV滚动悬浮层(滚动条动,层不动)

    在网页设计中,"DIV滚动悬浮层"是一种常见的交互效果,它使得某个元素(通常是一个包含重要信息或功能的div)在用户滚动页面时始终保持在屏幕的特定位置,提供持续的可视性和可访问性。这种效果可以用于侧边栏菜单、...

    div 弹窗 数据预览效果和弹出div层效果

    这里提到的压缩包包含两个实现方式:一个基于div和JavaScript,另一个基于div和jQuery。这两种方法都是通过动态创建和操纵DOM元素来实现弹窗功能,下面我们将详细探讨这两个技术栈的知识点。 1. **div**: - **...

    div层提示效果源码【div 层提示】 打包下载

    6. **5.8 iframe自适应高度.htm**和**5.8 iframe自适应高度1.htm**:这两个文件关注的是`iframe`元素的高度自适应,确保嵌入的内容能完整显示,通常需要JavaScript来动态计算和设置`iframe`的高度。 7. **5.2 层...

    点击一行弹出一个div层,把该条的信息都显示在层中

    - **OnFoucsMouseOver** 和 **OnFoucsMouseOut** 方法:这两个方法用于处理鼠标悬停和离开事件,改变行的颜色以提升用户体验。 - **OnFoucsClick** 方法:用于处理点击事件,突出显示被点击的行。 - **...

    实现div 遮罩 frameset

    这段代码将浏览器窗口分为两个相等宽度的列,分别加载`page1.html`和`page2.html`的内容。 然后,我们转向`div`元素。`div`是一个无语义的容器,可以容纳其他HTML元素并对其进行样式化。在实现遮罩层或弹出窗口时,...

    JS+CSS实现感应鼠标渐变显示DIV层的方法.docx

    本文主要介绍了一种使用JavaScript(JS)和层叠样式表(CSS)相结合的方法,来实现鼠标感应的渐变显示和隐藏DIV层的效果。 首先,我们来理解一下核心的HTML结构。在这个例子中,我们有一个ID为"tip"的DIV元素,它是...

    div 弹出层遮罩 兼容各大浏览器

    在实现弹出层和遮罩效果时,我们会创建两个`div`元素:一个是用于遮罩的背景层,另一个是承载弹出内容的窗口层。遮罩层通常设置为全屏大小,具有一定的透明度,以达到半透明效果,而弹出层则位于页面中央,用于展示...

Global site tag (gtag.js) - Google Analytics