layui导航
关于导航 首先看一下官网的样式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../layui/css/layui.css" rel="stylesheet" />
<script src="../Scripts/jquery-3.3.1.js"></script>
<script src="../layui/layui.js"></script>
</head>
<body>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item layui-this"><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>
<li class="layui-nav-item"><a href="">社区</a></li>
</ul>
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function () {
var element = layui.element;
//…
});
</script>
</body>
</html>
***：这个东东需要你加载element模块。虽然大部分行为都是在加载完该模块后自动完成的，但一些交互操作，如呼出二级菜单等，需借助element模块才能使用。
设定layui-this来指向当前页面分类。
垂直导航需要追加class：layui-nav-tree
侧边导航需要追加class：layui-nav-tree layui-nav-side
全都是加到ul的calss中。其实导航差不多也就这么点。
最新文章
- 利用python合并两个文件
- jdk8 Lambda表达式与匿名内部类比较
- jsp模仿QQ空间说说的发表
- call、apply、bind的区别
- Bootstrap3.0学习第二十一轮(JavaScript插件——工具提示)
- 图解JavaScript执行环境结构
- （1）I2c的简介和特性
- 国际C语言混乱代码大赛代码赏析(一)【转】
- nginx源代码分析--高性能server开发 常见的流程模型
- pch 文件
- 【BZOJ3993】星际战争（网络流，二分答案）
- 封装自定义服务$http
- 通过 Git 上传代码到 GitHub 必要操作详解
- SP3946 MKTHNUM - K-th Number（整体二分）
- quartz里job不执行的解决方案(并发量太低原因)
- HTML <meta> 标签 和 http-equiv
- 学习 KJFrameForAndroid
- 【LeetCode】133. Clone Graph (3 solutions)
- 20190418 CentOS7实用技能综合：系统安装 + WinScp客户端连接 + 防火墙端口号iptables + Nginx编译安装 + MySQL编译安装 + Redis编译安装 + MongoDB编译安装 + ActiveMQ/RocketMQ/RabbitMQ编译安装 + ...各类常用生产环境软件的编译安装
- ubuntu16下面安装vmware tools后仍然未全屏问题