比如我点击第一个一级菜单，然后显示二级，但是其它一级菜单的二级菜单消失，应该怎做？html：<div class="left_a"> <li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li> <ul> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> </ul> </div> <div class="left_a"> <li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li> <ul> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> <li><a href="#">脉冲热压机系列123</a></li> </ul> </div>
3 回答
已采纳
芦苇声
TA贡献4条经验 获得超2个赞
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
/*先用display属性隐藏列表*/
.left_a_1,
.left_a_2
{
display: none;
}
/*再用伪类选择器显示列表*/
.left_a:hover .left_a_1{display: block;}
.left_a:hover .left_a_2{display: block;}
</style>
</head>
<body>
<div class="left_a">
<li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li>
<ul class="left_a_1">
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
</ul>
</div>
<div class="left_a">
<li><img src="img/lileft.png"><a href="#">脉冲热压机系列</a></li>
<ul class="left_a_2">
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
<li><a href="#">脉冲热压机系列123</a></li>
</ul>
</div>
</body>
</html>- 3 回答
- 0 关注
- 3108 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消