使用jQuery滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏
<style>
*{
margin: 0px;
padding: 0px;
font-size: 14px;
}
ul{
list-style: none;
}
a{
text-decoration: none;
color: black;
}
#menu li{
float: left;
padding: 0px 15px;
background-color:lavender;
height: 38px;
line-height: 38px;
position: relative;
}
#menu li:hover{
background-color: pink;
}
#menu li ul{
position: absolute;
left: 0px;
top: 38px;
}
#menu li ul li{
float: none;
display: none;
}
</style>
<div id="warp">
<ul id="menu">
<li><a href="#">网站首页</a