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

DIV技巧：如何隐藏网页中的层DIV

    博客分类：
  • JS
 
阅读更多


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="";//显示
分享到：
| java中判断字符串是否为数字的三种方法（ ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    隐藏网页中的层DIV的技巧

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

    Div显示与隐藏网页制作

    在"Div显示与隐藏.txt"这个文件中，可能包含了关于如何在实际网页项目中运用这些技巧的代码示例或详细教程。学习并理解这些内容，对于提升网页制作技能，特别是增强页面交互性和用户体验方面，是非常有价值的。同时...

    DIV遮罩层 div div

    总之，DIV遮罩层是一种简单而有效的网页设计技巧，它不仅能够帮助开发者实现对页面特定区域的焦点控制，还能提升网站的交互性和用户体验。通过合理的布局和精细的代码编写，遮罩层可以成为网页设计中不可或缺的一...

    漂亮div层 精美div层

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

    Div+CSS 3.0网页布局案例精粹

    9. **案例分析**：书籍中的案例精粹部分将展示实际的网页布局实例，通过这些实例，读者可以学习到如何结合使用Div和CSS 3.0的各种技巧来解决实际设计问题。 10. **最佳实践**：书中可能会涵盖一些最佳实践，比如...

    CSS在DIV网页排版中的实用技巧

    ### CSS在DIV网页排版中的实用技巧 随着网络技术的发展，网页设计的需求也日益多样化，为了提高网页的设计质量，合理地使用CSS与DIV结合进行网页布局成为了一项重要的技能。以下是一些关于如何利用CSS在DIV网页排版...

    div弹出层 定位问题的 处理

    在网页设计中，`div` 弹出层（也称为模态框或对话框）是一种常用的交互元素，用于展示重要信息、用户确认操作或者提供额外的功能。然而，为`div`弹出层进行准确的定位可能会遇到一些挑战，因为这涉及到CSS布局、...

    div+css弹出层带关闭按钮

    在网页设计中，"div+css弹出层带关闭按钮"是一种常见的交互设计技术，用于创建弹出式对话框或提示窗口。这种技术利用HTML结构和CSS样式来实现，同时结合JavaScript来添加动态功能，如点击关闭按钮时关闭弹出层。下面...

    DIV+CSS学生网页设计作业9页面简洁大方

    首先，标题中的“DIV+CSS”是网页布局的核心技术。DIV是HTML中的一个块级元素，常用于组织网页结构，而CSS（Cascading Style Sheets）则是用于定义这些元素样式和布局的语言。通过使用DIV+CSS，设计师可以实现精确的...

    css+div网页模板整站

    总之，CSS+Div网页模板整站提供了丰富的学习材料，涵盖了网页设计的基本元素和高级技巧。无论是初学者还是专业人士，都能从中受益，提升自己的网页设计能力。通过实际操作和研究这些模板，我们可以更好地掌握网页...

    Dreamweaver-CS5自学教程-第八课：AP-DIV元素.pdf

    - 插入AP DIV：可以通过拖动方式创建AP DIV层。在Dreamweaver CS5中，AP层是通过DIV标记结合CSS技术实现的。 - 属性设置：选中AP DIV层后，其属性如宽度、高度、边距等可在属性面板中调整。 - 输入内容：在AP DIV...

    div+css_网页-制作

    在网页设计中，<div>经常被用来创建复杂的布局结构，比如两栏布局、三栏布局，甚至是响应式设计。 接着，CSS（层叠样式表）是用于定义网页外观和格式的语言，它可以控制网页元素的颜色、字体、大小、位置等视觉表现...

    div+css网页框架

    《构建基于Div+CSS的网页框架详解》 在网页设计领域，Div+CSS技术已经成为现代网页布局的标准方式，它极大地提升了网页的可维护性和可扩展性。本草之灵项目便是一个实例，展示了如何利用Div+CSS来构建静态页面框架...

    这是一个飘浮的div层，飘浮的div层

    在网页设计中，"飘浮的div层"是一种常见的技术，用于创建能在用户滚动页面时保持固定位置的元素。这种效果常被用作广告、侧边栏导航或通知区域，以便始终保持可见，无论用户浏览页面的哪个部分。在这个场景中，"xxd_...

    DIV布局十大技巧以及DIV盒子模型

    在网页设计领域，`DIV`布局是构建网页结构的基础，...掌握这些`DIV`布局技巧和`DIV`盒子模型，将有助于创建整洁、高效且富有弹性的网页设计。在实际开发中，结合具体需求和场景灵活运用，可以使页面布局更加得心应手。

    打包div+css网页源文件（带多个网页模板）

    这个压缩包内的实例作为“div+css网页制作教程光盘”的一部分，涵盖了从基础到进阶的各种网页设计技巧。初学者可以从这些实例中学习如何： 1. **创建基本结构**：了解如何使用div创建网页的基本框架，包括头部、...

    对层的删除和添加，并且可以删除div层的时候排序

    在网页设计和开发中，`div`元素是一个非常基础且重要的组成部分。`div`全称为“division”，中文译为“分隔”或“区域”，它主要用于组织和布局页面内容。本教程将深入探讨如何在HTML中对`div`层进行添加、删除以及...

    外部DIV如何强制宽度不被内部DIV撑开

    在网页设计与开发中，控制元素的布局和尺寸是一项基本且关键的任务。有时，我们可能遇到这样的需求...掌握这些技巧，能够帮助我们在复杂的网页布局设计中保持对元素尺寸的精确控制，从而创造出既美观又实用的网页界面。

    div+css网页布局设计模板源代码

    在网页设计领域，`div+css`是一种广泛采用的布局技术，它将内容与样式分离，使得网页结构清晰，易于维护。本主题聚焦于“div+css网页布局设计模板源代码”，我们将深入探讨这一主题，了解相关知识点。 1. **Div元素...

    Div显示隐藏

    在网页设计和开发中，`div` 是一个非常基础且重要的元素，全称为 Division，中文通常翻译为“分块”或“分区”。`div` 元素被广泛用于组织和布局网页内容，通过 CSS（层叠样式表）来控制其样式、位置以及可见性。在...

Magicbox
Global site tag (gtag.js) - Google Analytics