js点击遮罩隐藏点击内容不隐藏，js按钮隐藏点击事件

如何实现鼠标点击隐藏div元素内容显示div?

开始的时候将子div隐藏，即：子div.syle.display=none；在父div添加onmouseover事件处理，将子div.style.display改成block。

除此，还可以通过jquery设置这个 div 的 css ： display：none/block 来实现隐藏/显示 PS：jquery如何删除div里面的某个div 思路：首先获取到需要删除的对象，然后使用jQuery提供的 remove() 方法删除被选元素及其子元素。

然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。最后添加代码，在页面加载完后，给页面添加鼠标mousemove事件，在事件函数里，调用 moving方法，就实现div鼠标浮动效果。

(#nav li).hover(function(){ //hover是鼠标悬浮，click是鼠标点击。

相关问答

Q1: js鼠标移入每一个不同的div显示遮盖层移出隐藏遮盖层问题?

1、document.getElementById(new1).style.display=none；（new1为层的id none为隐藏，block为显示）。

2、用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。

3、你id都重复了当然不好用，我看的意思是下半部分成三个部分，如果是这个意思的话，那就把他们用三个div分别包起来。

4、要用到flash里的external interface，flash读完后给页面中某个方法传值，这样js接受到as传过来的值以后才能开始显示隐藏。与其这样麻烦不如把预读内容放到flash里面做判断。。

5、然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

6、在div上加上【onMouseOver=this.style.display=block； onMouseOut=this.style.display=none；】试试。理论上应该可行，实际没这么写过...而且这个也属于js控制css哈~别误会 -。

Q2: 怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.

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

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

首先，jquery显示隐藏div是用的show()、hide()方法。

在index.html中的script标签，输入js代码：$(button).click(function () {$(#123).css(display， block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

Q3: js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...

1、可以用js事件“onmouseover”和“onmouseout”来实现。

2、代码如下： 单击图片即可放大图片 点击图片预览效果。

3、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

4、所谓的缩略图其实就是设置了一个长宽小点的去存放这张图片，在的点击事件中再去更改它的长宽达到放大效果，当然这样可能会打乱页面布局，所以你可以做成像QQ空间那样，点击图片后利用遮罩层显示放大的图片。

5、这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法：可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。

Q4: 大神js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...

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

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

首先写出架构，两个 buttod （按钮）。下面是一个 div 存放文本和在后面的被js控制。先用 css 选择器 为 div 控制属性。然后写出 script 标签，可以写在外部，然后在引用。

在index.html中的script标签，输入js代码：$(button).click(function () {$(#123).css(display， block)；})；。浏览器运行index.html页面，此时点击btn按钮后，div的内容成功被显示了出来。

Q5: JS控制DIV显示隐藏,第一次点击只能显示一秒钟就又隐藏了,之后点击就...

1、将第二个的input标签的type改为button，这样子就不会提交了。所以显示出的内容就不会消失了。

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

3、//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

4、就是光标在闪的时候就处于焦点，当你点其他地方时，光标就没了，就会触发blur事件。你要做到当div显示时，让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。

js点击遮罩隐藏点击内容不隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js按钮隐藏点击事件、js点击遮罩隐藏点击内容不隐藏的信息别忘了在本站进行查找喔。