关闭层的问题

ZJguhong 2007-06-05 03:03:10

问个问题，当我鼠标点击一个层的外面时关闭该层
这个功能是怎么实现的

...全文

126 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunshinexrain 2009-12-15

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Popup-Window</TITLE>
<style>
#alert {font-size:12px;border:1px solid #369;width:200px;height:50px;background:#e2ecf5;z-index:1000;position:absolute;}
</style>
<script>
function hid()
{
var myAlert = document.getElementById("alert");
myAlert.style.display = "none";
}
function onsub(name)
{
// mClose.onclick();
hid();
document.getElementById("new_one").value=name.innerText;
}
function new_hid()
{
hid();
}
</script>
</HEAD>
<BODY>

<Br><Br><Br>
<span id="content"><input type="text" value="" class="tx4" id="new_one"></span>

<div id="alert" style="display:none;">
<p><a href="javascript:void(0);" onclick="onsub(this);">test1</a></p>
<p><a href="javascript:void(0);" onclick="onsub(this);">test2</a></p>
<p><a href="javascript:void(0);" onclick="onsub(this);">test3</a></p>
<p><a href="javascript:void(0);" onclick="onsub(this);">test4</a></p>
<p><center><span id="close" style="cursor:hand;">close</span></center></p>
</div>
<div style="width:100%;height:100%;background:red;" onclick="new_hid();"></div>
<script type="text/javascript">
var myAlert = document.getElementById("alert");
var reg = document.getElementById("new_one");
var mClose = document.getElementById("close");
reg.onclick = function()
{
myAlert.style.display = "block";
//myAlert.style.position = "absolute";
//myAlert.style.width="200px";
//myAlert.style.height="200px";
// var a = window.event.x;
// var b = window.event.y;
// alert(a+ " "+b);
myAlert.style.top=event.clientY;
myAlert.style.left=event.clientX;
}
mClose.onclick = function()
{
myAlert.style.display = "none";
}
</script>
</BODY>
</HTML>

iuhxq 2007-06-05

打赏
举报

DavidNoWay 2007-06-05

打赏
举报

顶！！

ZJguhong 2007-06-05

打赏
举报

如果我层里有很多控件呢？？楼上的方法不行阿

iuhxq 2007-06-05

打赏
举报

obj = event.srcElement;
if (obj != null && obj.id != 'a')
{
document.getElementById('a').style.display='none';
}

iuhxq 2007-06-05

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">

</script>
</head>

<body>
<div>fdkjsafd</div>
</body>
</html>