刷新页面时,使选项卡停留在当前页
<style>
.active{
color:red;
}
</style>
<div class="scroll_title" id="myTab1">
<span class="title" id="mytab_01" onclick="nTabs('mytab_01');location.href='#mytab_01'">tab1</span>
<span class="title" id="mytab_02" onclick="nTabs('mytab_02');location.href='#mytab_02'">tab2</span>
<span class="title" id="mytab_03" onclick="nTabs('mytab_03');location.href='#mytab_03'">tab3</span>
</div>
<div class="scroll_main">
<div class="tab" id="mytab_01_1"> 1111 </div>
<div class="tab" id="mytab_02_1"> 2222 </div>
<div class="tab" id="mytab_03_1"> 3333 </div>
</div>
var hash = location.hash;
if(hash){
$('.tab').hide();
$(hash).addClass('active');
$(hash+'_1').show();
}
else {
$('.tab').hide();
$('#mytab_01').addClass('active');
$('#mytab_01_1').show();
}
function nTabs(id) {
$('.title').removeClass('active');
$('#'+id).addClass('active');
$('.tab').hide();
$('#'+id+'_1').show();
}