任何人都可以提供参考,或者是否可以完全依赖于创建菜单
CSS而不是一点点的JavaScript?
CSS而不是一点点的JavaScript?
如果像这样创建的任何东西都会与浏览器兼容吗?
任何关于这个主题的帮助将不胜感激!
编辑
感谢您的所有投入再次怀疑
这可以实现而不是使用ul li
解决方法
诀窍是:hover伪类.
<ul class="menu"> <li> <a href="...">Menu Item 1</a> <ul class="submenu"> <li><a href="...">Submenu 1</a></li> <li><a href="...">Submenu 2</a></li> </ul> </li> <li> <a href="...">Menu Item 2</a> <ul class="submenu"> <li><a href="...">Submenu 3</a></li> <li><a href="...">Submenu 4</a></li> </ul> </li> </ul>
好?所以你的整个子菜单必须进入< li>它对应的主菜单项.那么对于CSS:
.submenu { display: none; } .menu>li:hover>.submenu { display: block; }
做一些造型,完成工作.
编辑:对于另一层菜单,它非常简单.使用这个CSS:
.menu li>ul { display: none; } .menu li:hover>ul { display: block; }
请注意,我已将.menu> li:hover替换为.menu li:hover.这告诉浏览器在主菜单下面找到所有li元素(不仅仅是直接的后代)并在悬停时显示它们的子菜单.我也摆脱了使用子菜单类,因为如果你将CSS基于后代,它并不是真正需要的.这将允许您添加任意数量的级别.
原文地址:https://www.jb51.cc/html/232364.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。