码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-31 13:31:53      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:src   center   reply   img   top   check   point   div   nbsp   

效果:

技术图片

 

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;
}
}

 

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

标签:src   center   reply   img   top   check   point   div   nbsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!