加载效果----转圈

$("#circular-loading").removeClass('hidden');
$.post(
'../php/loadOrderData.php',
{},
function(res) {
$("#circular-loading").addClass('hidden');
res1 = $.parseJSON(res);
console.log('res1',res1);
$('#columns').columns({data:res1});
}

);

<div id="circular-loading" class="hidden">
<div id="circularG_1" class="circularG">
</div>
<div id="circularG_2" class="circularG">
</div>
<div id="circularG_3" class="circularG">
</div>
<div id="circularG_4" class="circularG">
</div>
<div id="circularG_5" class="circularG">
</div>
<div id="circularG_6" class="circularG">
</div>
<div id="circularG_7" class="circularG">
</div>
<div id="circularG_8" class="circularG">
</div>
<div class="load-tip">正在加载数据</div>
</div>