js-点击tab按钮,同一页面显示不同的内容

时间:2019-10-31 13:15:03   收藏:0   阅读:248

效果:

技术分享图片

 

html:

 

技术分享图片

 

 

JS:

技术分享图片

 

 

css:

 

 

.tabs-two{
.two{
display: inline-block;
font-size:14px;
height: 17px;
font-weight:300;
color:#444444;
margin-top:10px;
height:26px;
text-align: center;
line-height: 26px;
border-radius:2px;
cursor: pointer;
 
}
.two:hover{
background:rgba(252,69,48,1);
color:#fff;
}
.newreply{
margin-left:17px;
width:76px;
 
}
.waitreply{
margin-left:6px;
width:62px;
}
.overreply{
margin-left:8px;
width:62px;
}
.checked{
background:rgba(252,69,48,1);
color:#fff;
}
}

 

原文:https://www.cnblogs.com/snowbxb/p/11770439.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!