<div class="time_title">
國內(nèi)展會
國外展會
</div>
<div class="table">
</div>
<div class="table" style="display: none;">
</div>
.time_title a {

display: inline-block;
width: 99px;
height: 30px;
background: #ab95ff;
border-radius: 30px;
font-family: "宋體";
font-size: 12px;
text-align: center;
line-height: 30px;
color: black;
margin-right: 25px;

}
.table {

/*border: 1px solid;*/
width: 1094px;
position: absolute;
left: 98px;

}
<script type="text/javascript">
function sure (key) {
var bt1 = document.getElementById('bt1');
var bt2 = document.getElementById('bt2');
var table = document.getElementsByClassName('table')[0];
var table1 = document.getElementsByClassName('table')[1];
bt1.style.backgroundColor="#ab95ff";
bt2.style.backgroundColor="#ab95ff";
table.style.display='block';
table1.style.display='none';
if(key==1){
bt1.style.backgroundColor="#e5deff";
table.style.display='block';
table1.style.display='none';
}else if(key==2){
bt2.style.backgroundColor="#e5deff";
table.style.display='none';
table1.style.display='block';
}
}
</script>