<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function ok1()
{
var a=document.getElementById("div1");
if(a.style.display=="none")
a.style.display="block";
else
a.style.display="none";
}
function ok2()
{
var a=document.getElementById("div1");
if(a.style.display=="none")
a.style.display="block";
}
this.onclick= function(res){
if(window.event.srcElement.tagName != "INPUT")
{
var a=document.getElementById("div1");
if(a.style.display!="none")
a.style.display="none";
}
}
</script>
<body>
<!-- onmouseout="ok1()" onmouseover="ok1()" -->
<a href="#" onmouseout="ok1();" onmouseover="ok1();">显示层</a>
<input type="button" value="显示/隐藏" onclick="ok2();" >
<br>
<div id="div1" style="display:none;background-color:yellow;width:100px;height:100px;border-style:solid;border-
color:red;border-width:1px"><Br>点一下隐藏</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function init(){
var doc = document;
doc.onclick = function(e){
e = window.event||e;
obj = e.srcElement ? e.srcElement : e.target;
var id = obj.id;
if(id != 'btnId'){
doc.getElementById("div1").style.display = "none";
}
}
}
//-->
</SCRIPT>
</head>
<script>
function ok1()
{
document.getElementById("div1").style.display = "block";
}
</script>
<body onload="init()">
<!-- onmouseout="ok1()" onmouseover="ok1()" -->
<a href="#" onmouseout="ok1();" onmouseover="ok1();">显示层</a>
<input id="btnId" type="button" value="显示/隐藏" onclick="ok1();" >
<br>
<div id="div1" style="display:none;background-color:yellow;width:100px;height:100px;border-style:solid;border-color:red;border-width:1px"><Br>点一下隐藏</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function ok1()
{
var a=document.getElementById("div1");
if(a.style.display=="none") {
a.style.display="block";a.focus()}
else
a.style.display="none";
}
window.onload= function(){
document.getElementById("div1").onblur=function(){
this.style.display = 'none';
};
}
</script>
<body>
<!-- onmouseout="ok1()" onmouseover="ok1()" -->
<a href="#" onmouseout="ok1();" onmouseover="ok1();">显示层</a>
<input type="button" value="显示/隐藏" onclick="ok1();" >
<br>
<div id="div1" style="display:none;background-color:yellow;width:100px;height:100px;border-style:solid;border-
color:red;border-width:1px"><Br>点一下隐藏</div>
</body>
</html>
