提示:您可以先修改部分代码再运行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<title>简单实用的点击可显隐层</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<a href="javascript:;" id="Link">Click me!</a>
<div id="T" style="width:100px;height:100px;background:#F0F;display:none;"></div>
<script type="text/javascript">
function $(obj){return document.getElementById(obj)}
$("Link").onclick=function(){$("T").style.display=$("T").style.display=="block"?"none":"block";}
document.onclick=function(e){
e=window.event||e;
obj = e.srcElement ? e.srcElement : e.target;
if(obj.id!="Link"){
$("T").style.display="none";
}
}
</script>
</body>
</html>
提示:您可以先修改部分代码再运行