比如我點擊第一個一級菜單，然后顯示二級，但是其它一級菜單的二級菜單消失，應(yīng)該怎做？html：<div class="left_a">?? ??? ??? ??? ?<li><img src="img/lileft.png"><a href="#">脈沖熱壓機(jī)系列</a></li>?? ??? ??? ??? ?<ul>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ?</ul>?? ??? ??? ?</div>?? ??? ??? ?<div class="left_a">?? ??? ??? ??? ?<li><img src="img/lileft.png"><a href="#">脈沖熱壓機(jī)系列</a></li>?? ??? ??? ??? ?<ul>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ??? ?<li><a href="#">脈沖熱壓機(jī)系列123</a></li>?? ??? ??? ??? ?</ul>?? ??? ??? ?</div>
3 回答
已采納
蘆葦聲
TA貢獻(xiàn)4條經(jīng)驗 獲得超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="#">脈沖熱壓機(jī)系列</a></li>
????????<ul?class="left_a_1">
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????</ul>
????</div>
????<div?class="left_a">
????????<li><img?src="img/lileft.png"><a?href="#">脈沖熱壓機(jī)系列</a></li>
????????<ul?class="left_a_2">
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????????<li><a?href="#">脈沖熱壓機(jī)系列123</a></li>
????????</ul>
????</div>
</body>
</html>添加回答
舉報
0/150
提交
取消