<title>下拉菜单</title>
<style type="text/css">
*
{
margin:0px;
padding:0px;
}
#pingmu
{
width:100%;
height:100%;
position:fixed;
background-color:#FF9;
}
#minzu
{
width:200px;
height:300px;
border:1px solid #000;
text-align:center;
background-color:#FFF;
}
#minzu div
{
width:200px;
height:50px;
font-size:20px;
line-height:50px;
vertical-align:middle;
text-align:center;
}
#menu
{
width:198px;
height:50px;
font-size:20px;
line-height:50px;
vertical-align:middle;
text-align:center;
}
</style>
</head>
<body>
<div id="pingmu" onclick="guan()">
<input type="text" id="menu" value="民族" onclick="xiala()"/>
<div id="minzu" style="display:none">
<div id="han" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">汉族</div>
<div id="hui" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">回族</div>
<div id="man" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">满族</div>
<div id="chao" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">朝鲜族</div>
<div id="miao" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">苗族</div>
<div id="zhang" onmouseover="caidan(this)" onmouseout="out(this)" onclick="quzhi(this)">藏族</div>
</div>
</div>
</body>
<script