2层导航

<style>
*{
    margin:0px;
    padding:0px;
    }
.aa{
    height:40px;
    width:80px;
    top:100px;
    left:100px;
    position:absolute;
    overflow:hidden;
    line-height:40px;
    text-align:center;
    background-color:#0FF;
}
.aaa{
    height:40px;
    width:80px;
    top:100px;
    left:100px;
    position:absolute;
    overflow:visible;
    line-height:40px;
    text-align:center;
    background-color:#0FF; 
}
#table1{
    height:120px;
    width:80px;
    border:0px;
    text-align:center;
    vertical-align:middle;    
}
</style>
</head>
<body>
<div class="aa" onmouseover="this.className='aaa'" onmouseout="this.className='aa'">新闻动态
<table cellpadding="0" cellspacing="0"  id="table1">
<tr><td>水果</td></tr>
<tr><td>活动</td></tr>
<tr><td>杂谈</td></tr>
</table>
</div>
</div>
</body>
</html>
View Code