超酷无限级纯CSS导航菜单

欢马劈雪

工程师 (已认证)

原创分享签约作者

发表于CSS代码

226

IE7的兼容并不是特别好，当鼠标离开某个导航再进入时，会留下上一次子菜单的残影（写的好像玄幻小说似的=。=）
宽度自适应是指各级菜单都可以随内容的长度自行适应宽度，而当浏览器分辨率较低时一级导航也可以自动换行，而多级子菜单靠左显示还是得手动调整。
DOM结构比较简单，只是 ol.nav 与 li.item 的互相嵌套而已。看代码吧（长是长了点，但其实你会发现导航的标签结构真的真的很简单，重要的是CSS部分）

下载方法：

1、请用微信扫描下方二维码关注时代Java公众号，或者微信搜索时代Java或NowJava关注。
（如已经关注，请直接发送编号）

2、在时代Java公众号里发送编号：5337

5337

3、发送后，将立刻收到 “验证码已经接收成功” 的回复，即可选择线路下载：

通用网络下载移动网络下载电信网络下载

怎么下载？点这里有详细说明哦~~

本文系作者在时代Java发表，未经许可，不得转载。

如有侵权，请联系nowjava@qq.com删除。

编辑于 2020-03-24 15:59:222020-03-24 15:59:22

下载资源

下载订阅

超酷无限级纯CSS导航菜单

超酷无限级纯CSS导航菜单

在这篇文章中：

下载资源

社区

关于