mirror of https://github.com/layui/layui
44 lines
1.3 KiB
Markdown
44 lines
1.3 KiB
Markdown
#### mouseenter 触发
|
|
|
|
<div class="layui-tabs layui-tabs-card layui-panel" lay-options="{trigger: 'mouseenter'}">
|
|
<ul class="layui-tabs-header layui-bg-tint">
|
|
<li class="layui-this">标题1</li>
|
|
<li>标题2</li>
|
|
<li>标题3</li>
|
|
<li>标题4</li>
|
|
<li>标题5</li>
|
|
<li>标题6</li>
|
|
</ul>
|
|
<div class="layui-tabs-body">
|
|
<div class="layui-tabs-item layui-show">内容-1</div>
|
|
<div class="layui-tabs-item">内容-2</div>
|
|
<div class="layui-tabs-item">内容-3</div>
|
|
<div class="layui-tabs-item">内容-4</div>
|
|
<div class="layui-tabs-item">内容-5</div>
|
|
<div class="layui-tabs-item">内容-6</div>
|
|
</div>
|
|
</div>
|
|
|
|
#### mousedown 触发
|
|
|
|
<div class="layui-tabs layui-tabs-card layui-panel" lay-options="{trigger: 'mousedown'}">
|
|
<ul class="layui-tabs-header layui-bg-tint">
|
|
<li class="layui-this">标题1</li>
|
|
<li>标题2</li>
|
|
<li>标题3</li>
|
|
<li>标题4</li>
|
|
<li>标题5</li>
|
|
<li>标题6</li>
|
|
</ul>
|
|
<div class="layui-tabs-body">
|
|
<div class="layui-tabs-item layui-show">内容-1</div>
|
|
<div class="layui-tabs-item">内容-2</div>
|
|
<div class="layui-tabs-item">内容-3</div>
|
|
<div class="layui-tabs-item">内容-4</div>
|
|
<div class="layui-tabs-item">内容-5</div>
|
|
<div class="layui-tabs-item">内容-6</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- import layui -->
|