jq如何去写一个4级的菜单栏
我的需求就是做一个四级的菜单导航条
第一级 三个
第二级 六个
第三极 三个
第四级 三个
红糖糍粑浏览 623回答 1
1回答
-
缥缈止盈
为什么要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>
随时随地看视频慕课网APP
相关分类
JavaScript