以下是我的代码可能对您有帮助 -
HTML CODE
Table Hide Show Code
Table 1 |
Table 2 |
Table 3 |
CSS代码
.active{
display:block;
}
.removeActive{
display:none;
}
JAVASCRIPT CODE
function toggleTable(){
if($('#t1').hasClass('active')){
$('table').removeClass('active').addClass('removeActive');
$('#t2').removeClass('removeActive').addClass('active');
}
else if($('#t2').hasClass('active')){
$('table').removeClass('active').addClass('removeActive');;
$('#t3').removeClass('removeActive').addClass('active');
}
else if($('#t3').hasClass('active')){
$('table').removeClass('active').addClass('removeActive');;
$('#t1').removeClass('removeActive').addClass('active');
}
};
var toggle = setInterval(function(){toggleTable()},60000);