导航页面编写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>导航</title>
<link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css">
<script src="layui-v2.6.8/layui/layui.js" type="text/javascript"></script>
</head>
<body>
<!-- 水平导航 layui-nav -->
<!-- layui-this 表示当前被选中的项-->
<!--
<ul class="layui-nav">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item"><a href="">产品</a></li>
<li class="layui-nav-item "><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="">产品解决方案</a>
<dl class="layui-nav-child">
<dd><a href="">最新活动</a></dd>
<dd><a href="">移动模块</a></dd>
<dd><a href="">更新模块</a></dd>
</dl>
</li>
</ul>
-->
<!-- 垂直 layui-nav layui-nav-tree -->
<!-- layui-this 表示当前被选中的项 -->
<!--
<ul class="layui-nav layui-nav-tree">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item"><a href="">产品</a></li>
<li class="layui-nav-item "><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">产品解决方案</a>
<dl class="layui-nav-child">
<dd><a href="">最新活动</a></dd>
<dd><a href="">移动模块</a></dd>
<dd><a href="">更新模块</a></dd>
</dl>
</li>
</ul>
-->
<!-- 垂直侧边导航 layui-nav layui-nav-tree layui-nav-side -->
<!-- layui-this 表示当前被选中的项 -->
<!--
<ul class="layui-nav layui-nav-tree layui-nav-side">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item"><a href="">产品</a></li>
<li class="layui-nav-item "><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案</a>
<dl class="layui-nav-child">
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
</ul>
-->
<!-- layui-bg-cyan藏青色 layui-bg-molv墨绿色 layui-bg-blue艳蓝色-->
<!--
<ul class="layui-nav layui-nav-tree layui-nav-side layui-bg-molv" >
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item"><a href="">产品<span class="layui-badge">6</span></a></li>
<li class="layui-nav-item "><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案</a>
<dl class="layui-nav-child">
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
</ul> -->
<!-- 面包屑式导航 lay-separator分隔符-->
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">国际新闻</a>
<a href="">亚太地区</a>
<a href="">正文</a>
</span>
<hr>
<span class="layui-breadcrumb" lay-separator="-" >
<a href="">首页</a>
<a href="">国际新闻</a>
<a href="">亚太地区</a>
<a href="">正文</a>
</span>
<script type="text/javascript">
layui.use('element', function(){
var element = layui.element;
//…
});
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
