我想建立一个垂直导航。 这有点特别,因为子导航应该显示在主链接的旁边,应该像这样流畅 :
Item 1 Item 2 | Subitem 1 | Subitem 2 | Subitem 3 Subitem 4 | Subitem 5 | Subitem 6 Item 3 Item 4 Subitem 1 | Subitem 2 Item 5
我正在寻找一个解决方案,使子菜单流畅,以便元素保持在主菜单行并动态中断 。 如何打破上面示例中的子列表项?
小提琴
这是你在找什么?
ul > li > a { float: left; clear: both; } ul > li:hover > .sub-menu{ display: block; } .sub-menu { display: none; float: left; padding-left: 10px; } .sub-menu li { float: left; padding-left: 10px; } .sub-menu li:first-child{ border-left: 2px solid #333; }
以上就是jQuery教程分享垂直导航与流体水平子菜单相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/532532.html