文档章节

js控制页面元素的隐藏与显示

风中帆
 风中帆
发布于 2014/05/29 16:57
字数 164
阅读 180
收藏 0

<body>

<div>
  <button onclick='javascript:Layer_HideOrShow();'>show</button>
  </div>
  <div id="hiddenDiv" style="display: block; visibility: visible;">
  this is hiddenDiv !
  </div>

</body>

 

1.

function Layer_HideOrShow() 

 {      var current=document.getElementById("hiddenDiv"); 

        if(current.style.visibility=="hidden") 

        {    current.style.visibility ="visible"; 

        } else  {  current.style.visibility ="hidden";  } 

 } 

2.
function  Layer_HideOrShow(){ 

     if (document.getElementById){ 

            target=document.getElementById("hiddenDiv"); 

             if (target.style.display=="block"){ 

                 target.style.display="none"; 

             } else { 

                  target.style.display="block"; 

             } 

     } 

}

3.
function  Layer_HideOrShow(){
   $("#hiddenDiv").show();  
   $("#hiddenDiv").hide(); 

}

4.

要控制div的显示与隐藏:
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

$("#id").css('display','none');
$("#id").css('display','block');

$("#id")[0].style.display = 'none';

© 著作权归作者所有

共有 人打赏支持
风中帆
粉丝 14
博文 196
码字总数 17695
作品 0
青岛
前端开发css实战:使用css制作网页中的多级菜单

前端开发css实战:使用css制作网页中的多级菜单   在日常工作中,大家都会遇到一些显示隐藏类菜单,比如页头导航、二维码显示隐藏、文本提示等等......而这些效果都是可以使用纯css实现的(...

grootzhang
2016/05/18
0
0
Bootstrap JS插件使用实例(6)-折叠(手风琴效果)

本篇文章讨论Bootstrap的js插件的折叠效果(bootstrap-collapse.js),即控制页面某一区域内容的显示和隐藏。通过将多个这样的折叠元素组合起来,我们就可以实现诸如手风琴或是导航栏这样的复杂...

doliangzhe
2013/05/19
0
2
用z-index属性使链接不可点

今天在做页面时,想让某个元素内的链接暂时不可点(而且是完全不响应链接的常用事件)。开始只能想到用写js去取消链接事件的默认动作。但是要写好多js代码,总觉得这样做太土了。 后来想到,...

水牛叔叔
2012/08/25
0
1
被遗忘的CSS和HTML(二)

前言 先前写了一篇《被遗忘的CSS和HTML(一)》,后来因为各种事情,懒得写。最近把文章分享到掘金收获了不少点赞和鼓励,决定就再写点,希望从另一个角度去看一些问题的解决方法,还是那句话...

VeeQun
06/05
0
0
jQuery zxxbox弹出框插件(v3.0)测试页面

源文件下载.zip 16.6k 一、内置弹框 显示最简单的内置的信息确定提示框:点击我 $("#test1").click(function(){ $.zxxbox.remind("你已成功受邀参加威尼斯电影节。"); }); 带回调函数的信息确...

mickelfeng
2013/01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Univalsal_ImageLoader源码结构与创建者模式 初步小结

最近在回归看Univalsal_ImageLoader源码,本想自己也实现试试写一个,看源码是为了学习看能否使用,助于自己可以写出有自己逻辑结构的代码。 首先我们初始化ImageLoader的配置初始化的时候,...

DannyCoder
50分钟前
0
0
计算卷积神经网络浮点数运算量

前言 本文主要是介绍了,给定一个卷积神经网络的配置之后,如何大概估算它的浮点数运算量。 相关代码:CalFlops,基于MXNet框架的 Scala 接口实现的一个计算MXNet网络模型运算量的demo。 正文...

Ldpe2G
今天
3
0
Sql语言与MySql数据库

1. 数据库简介 1. 数据库,就是存储数据的仓库,只能通过sql语言来访问,数据库也是一个文件系统。通常,MySQL、Oracle等数据库,也被称为关系型数据库,其保存的不仅仅只是数据,还包括数据...

江左煤郎
今天
3
0
IDEA 取消自动import .*

打开设置 > Editor > Code Style > Java > Scheme Default > Imports ① 将 Class count to use import with "*" 改为 99 (导入同一个包的类超过这个数值自动变为 * ) ② 将 Names count ......

乔老哥
今天
4
0
PostGIS学习笔记(开篇)

PostGIS事实上算是笔者开始写博客的第一篇内容。而事实上那篇博文的内容并不丰富,笔者对PostGIS的了解仍然不多,然而17年在OSGeo课程学习时对PostGIS又有了进一步了解,并逐步发现它的强大。...

胖胖雕
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部