jQuery技术:垂直导航与流体水平子菜单

我想建立一个垂直导航。 这有点特别,因为子导航应该显示在主链接的旁边,应该像这样流畅

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

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐