TA貢獻2041條經驗 獲得超4個贊
為什么要jquery？原生css就能實現
大概寫了個demo，你好好理解下就能改出你想要的了。
<!DOCTYPE html>
<html>
<head>
<title>菜單</title>
<meta charset="utf-8">
</head>
<style type="text/css">
#one,#two,#three,#final{
display: none;
}
.first:hover #one,
.second:hover #two,
.third:hover #three,
.first:hover #one:hover .oneone:hover #final{
display:block;
}
</style>
<body>
<ul>
<li class="first">
111
<ul id="one">
<li class="oneone">
我還可以展開
<ul id="final">
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</li>
<li>11111</li>
<li>11111</li>
</ul>
</li>
<li class="second">
22
<ul id="two">
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</li>
<li class="third">
33
<ul id="three">
<li>11111</li>
<li>11111</li>
<li>11111</li>
</ul>
</li>
</ul>
</body>
</html>
舉報