當網頁內容過多時,為了讓用戶不會出現等待過久的情況,我們可以給頁面添加正在加載的動畫效果。下面是一個使用jQuery實現的例子:
$(document).ready(function() { $("#loading").fadeTo(200, 0.5); $.ajax({ url: "yourURL", dataType: "text", success: function(data) { // 在這里加載你需要的內容 $("#loading").fadeOut(200); }, error: function() { alert("加載失敗,請重試。"); } }); });
以上代碼中,我們使用了jQuery的fadeTo方法,使一個id為loading的元素從不透明度0到半透明狀態,以標識正在加載的狀態。接下來通過jQuery的ajax方法加載所需內容,并在成功返回數據時將loading元素淡出,意味著內容加載完成。
上一篇jquery退回上一頁