本文实例为大家分享了layui水平导航菜单的具体代码，供大家参考，具体内容如下
<ul class="layui-nav">
<li class="layui-nav-item"><a href="">最新活动
<li class="layui-nav-item layui-this">
<a href="javascript:;">产品
<dl class="layui-nav-child">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<ul class="layui-nav layui-nav-tree" lay-filter="demo">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开
<dl class="layui-nav-child">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<span class="layui-breadcrumb">
<a href="/">首页
<a href="/demo/">演示
导航元素
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<span class="layui-breadcrumb" lay-separator="—">
<a href="">首页
<a href="">国际新闻
<a href="">亚太地区
正文
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<span class="layui-breadcrumb" lay-separator="|">
<a href="">娱乐
<a href="">八卦
<a href="">体育
<a href="">搞笑
<a href="">视频
<a href="">游戏
<a href="">综艺
<script src="layui/layui.js" charset="utf-8">
效果图：
