`
wyzuomumu
  • 浏览: 104962 次
  • 性别: 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所占的位置保持空白。

分享到:
评论

相关推荐

    jquery实现的可隐藏重现的靠边悬浮层实例代码

    本实例使用jquery操作div的CSS,实现了可隐藏重现的靠边悬浮层,预览效果网址:http://www.keleyi.com/keleyi/phtml/xuanfudiv/ 本实例使用到jquery添加移除类的两个方法,详细介绍请参考网址:...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.jQuery弹出层插件PopupDiv-v1.0下载(支持ajax、居中等效果) 4.jQuery超炫淡入淡出效果DIV渐变居中弹出框插件下载 5.jquery黑色+蓝色风格DIV提示框示例 6.一款jQuery+DIV居中淡入淡出信息提示框示例 7.一...

    【JavaScript源代码】Vue3.0 手写放大镜效果.docx

     需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursor 在@vueuse中,有一个工具方法:useMouseInElement <template> <div ref="target"> <h1>Hello ...

    利用JQuery制作符合Web标准的QQ弹出消息

    基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候就触发动画函数,div层开始从下往上升,在...

    分别用两个函数实现的菜单

    css+div做的菜单:一个主显示层,别的列表都隐藏着,用js函数设置列表的显示和隐藏。分别用到了两个函数,函数实现的效果是一样的,一个是参考的《css+Dhtml精髓》书上的事例,一个是找的函数。 大家帮我看看那个...

    基于jquery的blockui插件显示弹出层

    blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏,可以在blockUI方法中指定一些参数,来控制弹出层显示的内容,大小,位置等。blockUI方法的常用的参数有:message,css,overlayCSS,...

    【JavaScript源代码】Vue3.0 自己实现放大镜效果案例讲解.docx

     需要实现的效果是: 固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。 css中的cursor https://www.runoob.com/cssref/pr-class-cursor.html 鼠标跟随效果如何实现: (子绝父相)绝对...

    JS实现侧边栏鼠标经过弹出框+缓冲效果

    首先,我们用两个div来简单布局以下页面: <div id=box> <div id=share>分享到</div> </div> 这个分享框的弹出原理是:把内层div定位到外层div最右侧紧贴,然后把外层div定位到屏幕左外测,left的值与宽度相等,...

    css3实现六边形边框的实例代码

    因为前两层div中没有东西,纯粹就是用来旋转得到6边形的,所以对1,2层div设置 visibility: hidden ; 而第3层div是放图片的,需要显示出来,因此设置 visibility: visible; 经过旋转肯定有超出的部分,因此对3个div...

    零基础学HTML CSS源代码

    表单两属性.html 表单两属性用法。 单选框.htm 表单单选框用法 多行文本域.htm 表单多行文本域用法。 复选框.htm 表单复选框的用法。 密码框.htm 表单密码框的用法。 文本框.htm ...

    用javascript模仿ie的自动完成类似自动完成功的表单

    动态建立一个div做为你要自动完成的层,设置属性和事件(我在这里并没有设置div的visible和display属性,而是将它的left设为”-1000px”,这样就移出了浏览器之外,达到了隐藏的效果. 3.对传入的数组进行检索,找出与输入...

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

    5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...

    ASP.NET 控件的使用

    1.3.3 使用代码隐藏页面 24 1.3.4 处理页面事件 27 1.3.5 使用Page.IsPostBack属性 29 1.3.6 调试和跟踪ASP.NET页面 30 1.3.7 跟踪页面执行 33 1.4 安装ASP.NET Framework 35 1.5 小结 37 第2章 使用标准控件 38 ...

    Java 语言基础 —— 非常符合中国人习惯的Java基础教程手册

    两个车轮和齿轮的数目等)和行为(刹车、加速、减速和换档等)。 其次,我们再来看看软件对象。软件对象是现实世界对象的模式化产物,他们也有状态 和行为。软件对象把状态用数据表示并存放在变量里,而行为则用方法...

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

    5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...

    无限菜单之 xml+popup 版(IE5.5+)

    Popup窗口制作的菜单比起传统的div(层)实现的菜单有着得天独厚的优势,不仅效果会非常好,而且代码也会是非常少的,只是对于实现起来却有几个需要解决的棘手问题:多个Popup共存的问题、如何递归生成菜单、如何控制...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    详解基于canvas的视频遮罩插件

    有 基于div 和 基于canvas 两种技术方案,本文是使用canvas完成的。 主要原理是在HTML的video标签上贴上一个透明的canvas图层,然后响应mousedown、mousemove、mouseup事件。 由于canvas事件只是基于canvas元素,...

    超实用的jQuery代码段

    6.16 在两个Tab标签之间进行元素拖动 6.17 拖动表格选择多行数据 6.18 拖动表格时自动选中复选框 6.19 拖动表格行并放置到目标位置 6.20 表格的拖动排序 6.21 拖动调整控件的大小 6.22 调整控件大小时设置调整约束 ...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    WebSitetestdojo 使用dojo组件实现卷帘效果的div隐藏 第16章(/C16/) 留言板源代码 所有留言板实例的源代码 数据库备份 留言板数据所需要的数据库 第17章(/ch17) 程序描述:本章介绍开发AJAX...

Global site tag (gtag.js) - Google Analytics