顯示隱藏在WEB開發中會經常碰到的
<!DOCTYPE html PUBLIC "//W C//DTD XHTML Transitional//EN" " /DTD/xhtml transitional dtd">
<html xmlns="">
<head runat="server">
<title></title>
<script type="text/網頁特效" src="/Javascript/jquery js"></script>
<style type="text/css教程">
#choice_list_district{ height:px;}
#tab td{cursor:pointer;}
</style>
<script type="text/javascript">
$(function () {
//綁定事件處理
$("#choice_list_district a")click(function (e) {
if ($("#divObj")css("display") == "none") {
estopPropagation();
//設置});
});
</script>
</head>
<body>
<form id="form" runat="server">
<div>
<div id="choice_list_district">
<a href="#">出來層</a>
</div><div id="divObj" style="position: absolute; width:px; height: px; background:blue; border: px solid block; display:none; z index: ;">
<table id="tab">
<tr>
<td>aaa</td>
</tr>
<tr>
<td>bbb</td>
</tr>
</table>
</div>
<div style="position:absolute; top:px; left: px;">
<input type="text" id="aaa" />
</div>
</div>
</form>
</body>
</html>
From:http://tw.wingwit.com/Article/program/Java/hx/201405/30803.html