Tab选项卡就是点击或者鼠标移动到按钮上是下边的内容或图片就会相对应的切换,是一般的页面都会常用的效果。
利用原生JS实现Tab选项卡的效果
如图就是我们要实现的效果;
CSS部分
<style>
.box{
width:200px;
height:200px;
border:1px solid #000;
background-color:#fff;
/* 隐藏 */
display: none;
}
.red{
background-color:pink;
font-weight: 900;
text-decoration: underline;
}
.active{
/* 当前项显示 */
display: block;
}
</style>
HTML部分
<div id="big">
<button class="red">按钮1</button>
<button>按钮2</button>
<button&g