js点击隐藏图层（js 隐藏）

本文目录一览：

主要是应用CSS的z-index来控制，通过改变层的z-index的值大小来让层成为当前获得焦点。而如果是要隐藏，则改变层的display就行了。

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

.隐藏其中一个属性貌似是不行的，你要通过自定义属性实现。

01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

href=#style=display：none锚点连接如要要让不显示的a标签显示只需要将style中的display：none这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。-js点击隐藏图层

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、//比如在CSS中先将div的display设置为none，那么点击的时候就先查询display值是否为none，//如果为none的话，就改为block，即显示div；如果不是block就改为none，隐藏div。-js点击隐藏图层

3、设置div对象的style.display属性为none即可隐藏该节点，设置属性为”block“可以显示之。

js点击隐藏图层（js 隐藏）

1、return false； }}显示\隐藏切换欢迎您以上代码实现了我们的要求，点击顶部链接可以实现div显示和隐藏的切换。

2、} 设置一个隐藏层，点击按钮的时候改变隐藏层的display属性，将隐藏层显示出来。再给隐藏层设置一个Hide()点击方法，点击隐藏层再次隐藏。

3、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。-js点击隐藏图层

4、让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。

1、设置div对象的style.display属性为none即可隐藏该节点，设置属性为”block“可以显示之。

2、01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

3、打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

4、函数没问题，现在只需要给它添加一个事件就行了。