用idv做下拉列表，很重要 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.fengjingqu {
    position:relative;
    margin:0 auto;
    width: 100px;
    height: 50px;
    z-index: 1;
    background-color:#FF0;
    overflow:hidden;
    
}
.jieshao {
    position:relative;
    margin:0 auto;
    width: 100px;
    height: 50px;
    z-index: 2;
    background-color:#3F6;
    overflow:visible;
}

#apDiv2 {
    position:absolute;
    background-color:#F00;
    margin:0 auto;
    top:50px;    
    width: 100px;
    height: 540px;
    }
    
    
    
</style>
</head>

<body>
<div id="apDiv1" class="fengjingqu" onmouseover="this.className='jieshao'" onmouseout="this.className='fengjingqu'">风景区
<div id="apDiv2">
  <p>潭溪山</p>
  <p>云明山</p>
  <p>瀑布群</p>
  <p>蝴蝶谷</p>
  <p>杏花村</p>
  <p>&nbsp;</p>
</div>

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

 

posted @ 2015-05-08 11:21  zhenximeiyitian  阅读(132)  评论(0)    收藏  举报