quicktab
Version:
Multi IFrame tab plugin. operate IFrame like operating browser tabs
78 lines (66 loc) • 1.97 kB
HTML
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.css" /> -->
<link rel="stylesheet" href="dist/css/quicktab.css">
<style>
.quicktab-list-group {
display: inline-block;
}
.quicktab-list-group li.separator:last-child {
/* 添加你的样式规则 */
display: none;
/* 例如：设置背景颜色 */
}
</style>
</head>
<body>
<ul class="quicktab-list-group">
<li class="close-active">
<span>关闭当前</span>
</li>
<li class="close-other">
<span>关闭其它</span>
</li>
<li class="close-left">
<span>关闭左侧</span>
</li>
<li class="close-right">
<span>关闭右侧</span>
</li>
<li class="close-all">
<span>关闭全部</span>
</li>
<li class="separator"></li>
<li class="refresh">
<span>重新加载</span>
</li>
<li class="refresh">
<span>重新加载</span>
</li>
<li class="refresh">
<span>重新加载</span>
</li>
<li class="center-active">
<span>回到当前</span>
</li>
<li class="center-active">
<span>回到当前</span>
</li>
<li class="new-blank">
<span>新窗口打开</span>
</li>
<li class="separator"></li>
</ul>
<script src="https://cdn.jsdelivr.net/npm/simplebar@6.2.6/dist/simplebar.min.js"></script>
<script>
new SimpleBar(document.querySelector('.quicktab-list-group'), {
scrollbarMaxSize: 100,
autoHide: false
})
</script>
</body>
</html>