264 次浏览【转载需注明来源】
在做网站的时候,几乎每个网站都有导航,导航可以让用户快速的到达网站其它页面,并且让网站结构一目了然。
layui就内置了一个导航组件,这个导航组件能够基本实现大多数的导航功能,可以在基础导航进行优化达让导航更加美观,便捷。
并且它有横向导航,垂直导航,侧边导航3种形态。
下面是横向导航组件代码示例:
代码效果展示:
垂直导航代码示例:
代码效果展示:
侧边导航代码示例:
代码效果展示:
知识点:
1、layui导航是由 lay-导航 类名包裹的;
2、三种导航的内容结构是一样的,只有外框容器 lay-导航 加上了 其它类名,例如:
垂直导航:lay-导航-垂直 ,
侧边导航: lay-导航-垂直 lay-导航-侧边。
点击此处跳转案例下载:点击下载lay-导航实例
测试账号