怎么在以下代码的div中添加一个关闭按钮

2024-11-22 12:09:24
推荐回答(2个)
回答1:

(一)加入关闭按钮只要再加一个onclick 时间就行了,turnoff(‘ ’)里的参数可以改变。代码如下

弹出层1弹出层2弹出层3
(二)点击div之外的地方隐藏div,方法多种,但都是通过 js操作到事件源,判断这个事件源的ID是不是在要隐藏的div 即点击事件发生的范围是否在div之外,但前提是事件不能和你前面写的js事件发生冲突。 注册一个document.onclick或者document.onmousedown事件来监控鼠标点击div以外的区域时事件,你给这个div的id属性赋一个页面唯一的值比如

代码如下:
document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement||e.target; while(elem) { if(elem.id == "tAnChu") { return; } elem = elem.parentNode; } //隐藏div的方法 HiddenDiv(); }
上个单一div事例:
这是弹出层

回答2:

代码:




无标题文档