<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="../css/layui.css"/>
<style>
</style>
</head>
<body>
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">春天</li>
<li>夏天</li>
<li>秋天</li>
<li>冬天</li>
<li>365天</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">春天春天</div>
<div class="layui-tab-item">夏天夏天</div>
<div class="layui-tab-item">秋天秋天</div>
<div class="layui-tab-item">冬天冬天</div>
<div class="layui-tab-item">365天365天</div>
</div>
</div>
</body>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="layui.js"></script>
<script>
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function() {
var element = layui.element;
//…
});
</script>
</html>
原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。