`
kenny13
  • 浏览: 44046 次
  • 性别: 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="";//显示
分享到:
评论

相关推荐

    隐藏网页中的层DIV的技巧

    隐藏网页中的层DIV的技巧,很好的东西(⊙o⊙)…

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

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

    精通CSS DIV网页样式与布局.part1.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

    精通CSS DIV网页样式与布局.part2.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

    精通CSS DIV网页样式与布局.part3.rar

    本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧,配合经典的布局案例,帮助读者掌握CSS最核心的应用技术。 4. 高级的混合应用技术 真正的网页除了外观表现之外,还需要结构标准语言和行为标准的结合...

    div+css 实例教程

     本书在详细讲解各个实例的过程中,不仅介绍了Dreamweaver 8、Firework 8等常用软件的使用,更重要的是,结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法、技巧,即使是初学者也可以轻松掌握DIV+CSS...

    别具光芒CSS+Div

    本书在详细讲解各个实例的过程中,不仅介绍了Dreamweaver 8、Firework 8等常用软件的使用,更重要的是,结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法、技巧,即使是初学者也可以轻松掌握DIV+CSS...

    [DIV.CSS网站布局从入门到精通].朱印宏等.扫描版

    在实例制作过程中除了介绍CSS样式设计各方面的知识外,还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧,使初学者也可以轻松掌握DIV+CSS的布局方式,以制作出精美的网页并搭建出功能强大的网站。...

    JS实现网页Div层Clone拖拽效果

    主要介绍了JS实现网页Div层Clone拖拽效果,涉及JavaScript响应鼠标事件动态改变页面元素位置属性及层级属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    css笔记课程笔记2019,5,22

    * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...

    div+css有实例,易学易懂

    div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

    Javascript实现div层渐隐效果的方法

    主要介绍了Javascript实现div层渐隐效果的方法,涉及javascript操作页面元素与样式变化的相关技巧,需要的朋友可以参考下

    delphi 开发经验技巧宝典源码

    0101 使用Div函数做整除操作 68 0102 使用DivMod函数返回两个操作数相除的商和余数 68 0103 使用Power函数返回底数的任何次幂 69 0104 使用Round函数将实数四舍五入为整数 69 0105 使用Sqr函数计算指定数的...

    delphi 开发经验技巧宝典源码06

    0101 使用Div函数做整除操作 68 0102 使用DivMod函数返回两个操作数相除的商和余数 68 0103 使用Power函数返回底数的任何次幂 69 0104 使用Round函数将实数四舍五入为整数 69 0105 使用Sqr函数计算指定数的...

    css--实验报告.doc

    通过本次实验能熟练掌握CSS美化网站的基 本技巧和技能,在以后的学习、工作生活中能够应用,为我们工作带来,生活带来 方便。 2. 实验内容 1、页面总体布局设计,可以通过对选择"插入记录 布局对象 DIV标签"命令的...

    《CSS设计彻底研究》【中文PDF+源代码】

    在《CSS设计彻底研究》中对设计中常用的网页元素和布局方式都给出详细的分类和归纳,并讲解了完整的解决方法,主要包括各种导航菜单(水平的、竖直的、固定宽度的、自适应宽度的、下拉的等),Tab面板、伸缩面板和...

    程序天下:JavaScript实例自学手册

    9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态改变表格列宽 9.21 动态改变表格的行顺序 9.22 动态生成包含合并单元格的表格 9.23 用键盘上下键实现表格行的上下选择 9.24 用...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态改变表格列宽 9.21 动态改变表格的行顺序 9.22 动态生成包含合并单元格的表格 9.23 用键盘上下键实现表格行的上下选择 9.24 用...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

Global site tag (gtag.js) - Google Analytics