hyfm.net
当前位置:首页 >> js 点击一个按钮出现一个Div然后在点击Div以外的任何地方在让Div隐藏怎么写 >>

js 点击一个按钮出现一个Div然后在点击Div以外的任何地方在让Div隐藏怎么写

给body添加一个点击事件,或者事件监听,让div消失就可以了

var 按钮=document; var div=document.;//点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function() { if(div.style.display=="none") { div.style.display="block"; } else { div.style.display="none"; } }//点击其他地方关闭div document.

html部分:<input type="button" value="显示div1的内容" id="btn" /><div id="div1" style="display:none">div1</div><div id="div2" style="display:none">div2</div><div id="show-box"></div> js部分 var div1=document.

设置div的overflow为hidden. 然后动态地改变div的高度. 同时替换下面的那个按钮图标即可.

这个问题我要倒着给你解释,这样比较容易.第一步点击其他区域,这个div消失.建议你在这个div外层加一层overlay,这个overlay遮住除div之外所有其他东西.这样比较好判断是不是点击的这个div. 函数如下,功能是点击overlay之后overlay消失.div是在overlay内的,当然也会消失.$('overlay').click(function(){$(this).css('display','none');});第二步,实现你第一个功能.点击显示divclick的时候调用一个函数.$('a').click(function(){$('overlay').css('display','block');});

你好,请采纳我下面的回答,谢谢!关于你的问题“使用javascript怎么弄成点击div1的时候显示然后点击其他div的时候隐藏?”我随手写了个简单的tab选项,你可以参考下.代码如下:<!doctype html><html lang="zh"><head><meta charset

&lt;script type="text/javascript"&gt;var divObj ={ obj : document.getElementById('div_temp'), show:function(){ this.obj.style.display=''; }, hidden :function(){ this.obj.style.display='none'; }}&lt;/script&gt;&lt;div id='div_temp' style='display:none;' &gt;层

我觉得可以给表单加上事件,但是这样会不会点击这个div时也会隐藏呢,没有测过,只是个人见解,希望能帮到你

<div id="div1">11111</div><div id="div2" onclick="div1.style.display='none'">222222222</div>随便写的..应该看得懂吧..点第二个,,第一个隐藏..

<html><head><meta charset="utf-8"><style>.动1{ position: absolute; left: 30px; top: 200px; }</style><script> function 移动(){ document.getElementById("块").className="动1"; }</script></head><body><input type="button" onclick="移动()" value="移动" /><div id="块">你点移动,看我动不动</div></body></html>

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.hyfm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com