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

如何隐藏网页中的层DIV

阅读更多
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:
以下是引用片段:
  style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示


  通过设置display属性可以使div隐藏后释放占用的页面空间,如下

以下是引用片段:
  style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显示 
分享到:
评论

相关推荐

    隐藏网页中的层DIV的技巧

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

    网页设计div的显示和隐藏

    ### 网页设计中的div显示与隐藏技术详解 在网页设计中,div元素作为最基本的容器之一,被广泛应用于布局、样式控制等多个方面。而如何有效地控制div元素的显示与隐藏,则是实现交互式设计的重要手段之一。本文将...

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中,我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏,这对于创建交互式和响应式的网页至关重要。 在网页设计中,有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    DIV遮罩层 div div

    在网页设计与开发领域,DIV遮罩层是一种常用的UI技术,用于暂时性地遮挡页面的其他部分,从而聚焦用户的注意力于特定区域或操作上。这种方法尤其适用于弹出窗口、加载动画、登录框等场景,能够提升用户体验和界面的...

    JS做的隐藏与显示DIV可拖动弹出层

    在"JS做的隐藏与显示DIV可拖动弹出层"这个实例中,我们将探讨如何利用JavaScript来创建一个可拖动的弹出层,并控制其显示与隐藏。 首先,让我们理解`div`层的隐藏与显示。在HTML中,我们创建一个`div`元素并为其...

    控制Div显示和隐藏

    本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。

    网页弹出DIV层,带关闭按钮

    基本的网页弹出div层效果,带关闭按钮。div层浮动在原网页之上。

    网页设计 DIV 层的应用

    网页设计中的DIV层是构建复杂布局的关键元素,它允许开发者以独立、可移动和可调整大小的方式组织网页内容。在本章中,我们将深入探讨如何使用HTML中的`<div>`标签来创建和应用图层,以及相关的CSS属性设置。 首先...

    漂亮div层 精美div层

    在网页设计中,Div(Division)层是一种基本的布局元素,用于组织和定位网页内容。"漂亮div层 精美div层"这个标题和描述暗示我们关注的是如何利用Div来创建美观、高效的网页布局。下面我们将深入探讨Div层的重要性和...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

    DIV弹出层+定位

    在网页设计和开发中,`DIV`元素是一个非常重要的部分,它被广泛用于布局和创建模块化的内容。在这个“DIV弹出层+定位”的例子中,我们关注的是如何利用`DIV`来创建一个可滑动的弹出层,并且使其在页面上保持固定的...

    网页弹出div层的js-javascript

    网页弹出div层的技术在网页开发中非常常见,主要用于创建模态对话框、提示信息或者加载新内容。这种技术利用JavaScript进行实现,结合HTML和CSS,可以为用户提供丰富的交互体验。下面将详细介绍如何使用js-...

    div层的使用,div层的基本使用

    在网页设计和开发中,`div`层是一个至关重要的元素,它是HTML中的一个基础结构组件,用于组织和布局页面内容。`div`全称为“division”,即分区或划分,通过CSS(Cascading Style Sheets)样式来控制其样式、位置和...

    table布局网页转换为div+CSS布局的转换软件

    在描述中提到的“table布局网页转换为div+CSS布局的转换软件”能够快速高效地完成这一转变,无论是对于简化网页代码,还是提升网页性能,都有显著效果。 软件支持绝对定位和流定位,这意味着它可以处理复杂的布局...

    div 拖动 拖动层

    在HTML中,`div`是块级元素中最基本的一种,它被广泛用于网页布局和构建复杂的UI组件。`div`标签本身没有特定的格式特征或表现,其外观(如颜色、字体大小等)完全取决于CSS的设置。 #### 1.2 拖动技术概述 拖动...

    弹出div拖动层

    在网页设计和开发中,创建一个可拖动的弹出div层是非常常见且实用的技术,尤其是在构建用户交互界面时。标题“弹出div拖动层”所指的就是这样一个功能,它允许用户通过鼠标来移动一个浮层div,这种功能常见于对话框...

    网页设计模板css+div

    Div元素是HTML中的一个通用容器,可以容纳其他HTML元素,通过CSS控制其样式,实现页面布局的模块化。这种布局方式让网页设计更加灵活,代码更简洁,易于维护和扩展。 "网页设计模板"则是一种预先设计好的网页结构,...

    页面加载div遮罩层

    在网页设计中,"页面加载div遮罩层"是一个重要的技术实践,它的目的是在页面内容正在加载时提供一个视觉屏障,防止用户过早地与未完成加载的页面元素交互。这种做法可以提升用户体验,因为当页面正在加载时,遮罩层...

    网页弹出div层的javascript

    在网页设计中,JavaScript是一种非常重要的脚本语言,它能够为用户提供动态交互体验。本教程主要探讨如何使用JavaScript实现一个可自定义大小、路径并带有动画效果的div弹出层。 首先,我们要理解div在HTML中的角色...

    css+div网页模板整站

    《CSS+Div网页模板整站解析》 在网页设计领域,CSS(层叠样式表)与Div元素的结合是构建现代网页布局的核心技术。本资料集合包含了一个完整的网站模板,由十个不同页面组成,旨在为网页设计师提供实用的参考和学习...

Global site tag (gtag.js) - Google Analytics