Ajax loading 時的遮罩

用jQuery的監聽Ajax事件,自動載入loading遮罩效果。

When using jQuery's Ajax event, page will automatically trigger loading override.

Step.1 引用js

<script>
  var ALSetting = { theme: 1  }; // 先選擇哪一種樣式,有1-6種
</script>
<script src="https://letswritetw.github.io/ajax-loading/contents/js/ajax-loading.min.js">

Step.2 …什麼?這樣就好了!?

對,這樣就好了。

不過要注意的是,為了讓ie也可以執行,所以loading的動畫是直接用gif圖檔的。

圖檔的背景是白色,因此loading時的整體背景也是白色。

Demo

以下是範例檔,主要是顯示1-6種樣式: