`
aideehorn
  • 浏览: 260713 次
  • 性别: 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.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。

最好将div里面的对象的width或height设成0.比如:div里面有一个player的iframe.

document.frames['player'].frameElement.height=0;

分享到:
评论

相关推荐

    onclick事件实现div的隐藏和显示

    打开这个文件,你可以看到一个实际运行的示例,并可以通过修改代码来进一步理解 `onclick` 事件和 `div` 隐藏显示的机制。此外,也可以学习如何利用浏览器的开发者工具进行实时查看和调试,这对于提升网页开发技能...

    控制Div显示和隐藏

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

    精美的div隐藏与显示

    在这个“精美的div隐藏与显示”的主题中,我们将探讨如何使用JavaScript(特别是jQuery库)来实现`div`元素的动态效果,如滑动、淡入淡出以及隐藏和显示。 首先,让我们关注jQuery库。jQuery是一个轻量级的...

    javascript DIV隐藏、显示 弹出式窗口样式

    隐藏和显示`<div>`通常涉及到修改`style.display`属性。默认情况下,`<div>`的`display`属性为`block`,意味着它会占据一整行。如果将其设置为`none`,则该`<div>`将不再占用任何空间,即被隐藏。例如: ```...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    JS实现各种动态显示隐藏div效果

    在JavaScript(JS)中,动态显示和隐藏div元素是网页交互设计中常用的技术,它可以提升用户体验,让网页更具活力。本文将深入探讨如何利用JS来实现卷动显示隐藏、渐变显示隐藏以及大小缩放显示隐藏的效果。 1. **...

    div左侧显示和隐藏

    div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家

    网页设计div的显示和隐藏

    本文将详细介绍如何通过CSS属性(如`visibility`和`display`)以及JavaScript来实现div的显示与隐藏功能。 #### 一、CSS中的visibility属性 `visibility`属性用于控制元素的可见性,主要分为以下几种状态: 1. **...

    div显示隐藏效果

    `div` 显示和隐藏效果是前端开发中的常见需求,可以用来控制用户界面的可见性,例如实现折叠菜单、弹窗或者动态加载内容等。在本教程中,我们将深入探讨如何在HTML和CSS中实现`div`的显示与隐藏效果。 首先,我们...

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

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

    总的来说,这个实例提供了关于`div`层操作和JavaScript交互的一个基础应用,可以帮助开发者了解如何用JavaScript来控制网页元素的显示、隐藏和拖动,提升用户的交互体验。通过实践和理解这个例子,你可以进一步掌握...

    点击按钮(a标签)隐藏显示div内容,切换div内容

    点击按钮(a标签)隐藏显示div内容,切换div内容

    Div显示与隐藏网页制作

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

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

    ### ASP.NET中DIV的显示与隐藏技巧 在ASP.NET Web应用程序开发中,用户界面的动态控制是一项非常重要的技能。特别是对于那些需要根据用户操作或某些条件来改变显示内容的应用程序来说,能够有效地显示或隐藏控件是...

    ajax控制div窗口显示和隐藏

    本主题主要关注如何使用Ajax来控制div窗口的显示和隐藏,这对于实现交互式用户体验至关重要。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它在后台与服务器进行通信,实现了异步数据传输。创建一个...

    Div显示隐藏

    总的来说,`div` 显示隐藏是网页动态效果的基础,结合 CSS 的伪类和选择器,我们可以实现丰富的用户交互。通过熟练掌握这些技巧,开发者可以构建出更直观、更易用的网页界面。在实际项目中,还可以考虑使用 ...

    javascript实现显示和隐藏div方法汇总

    在JavaScript中,显示和隐藏`div`元素是前端开发中常见的需求。本篇文章将汇总15种不同的方法来实现这一功能。以下是对这些方法的详细解释: 1. **`display: block/none`**: - `display: block`使元素呈现在页面...

    js实现多div的显示和隐藏

    在网页设计中,我们经常需要控制多个div(文档对象模型中的一个元素)的显示和隐藏,以实现诸如选项卡、轮播图等效果。本文将详细讨论如何使用JavaScript实现多div的显示和隐藏,以及如何创建简单的选项卡功能。 ...

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    现在,我们需要使用JavaScript(这里我们可以使用jQuery库,因为它简洁易懂)来监听"hover-div"的`mouseover`和`mouseout`事件,以便在鼠标进入和离开时显示和隐藏"info-div"。同时,我们还需要计算"info-div"的显示...

Global site tag (gtag.js) - Google Analytics