可以使用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');

?

轉載于:https://www.cnblogs.com/hwaggLee/p/7001887.html

總結

以上是生活随笔為你收集整理的bootstrap-实现loading效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。