可以使用bootstrap的模态框(modal.js),使用它我们可以做出loading效果。
html
<!-- loading --> <div class="modal fade" id="loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop='static'> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">提示</h4> </div> <div class="modal-body"> 请稍候。。。<span id="result"></span> </div> </div> </div> </div>
js
//显示
$('#loading').modal('show');
//影藏
$('#loading').modal('hide');