在鼠标单击时实现显示/隐藏弹出框

时间:2010-03-11 13:17:51

标签: javascript

我已正确实现了show部分。但是如何在点击页面上的任何内容时实现弹出窗口的隐藏?而且还有一个链接,点击它也会扩展和崩溃。

任何帮助。 感谢。

3 个答案:

答案 0 :(得分:1)

  1. 将事件hanlder附加到popup元素。点击那个停止事件冒泡。

  2. 将事件处理程序附加到文档。点击它会隐藏弹出窗口。

  3. sample using jQuery

    <强> Updated sample

答案 1 :(得分:0)

你为什么不试试呢。

function close() {
   document.getElementById("popupBox").style.display="none";
}

在onclick处理程序中,调用上面的函数。 对于展开和折叠,Mootools提供了非常简单的实现检查。

答案 2 :(得分:0)


function switchElement(elementId) {
   if(document.getElementById(elementId).style.display=="")
   {
   document.getElementById(elementId).style.display="none";
   }
   else
   {
   document.getElementById(elementId).style.display="";
   }
}

expand添加到Webbisshh的代码中。