JQuery是一種非常流行的JavaScript庫,用于簡化JavaScript編程。在開發Web應用程序時,我們通常需要在頁面加載時顯示一個加載效果,以向用戶顯示應用程序正在加載中。JQuery提供了一種簡單的方式來創建這種效果。
$(document).ready(function(){ $("").insertBefore("#main"); $(window).load(function(){ $(".loading").fadeOut(500); }); });Loading...
代碼說明:
首先,在頁面加載完成后,我們在主要內容的前面插入了一個
標記,用作加載效果。我們設置了這個
標記的類為“loading”。
在window的load事件上,我們為loading效果添加了一個淡出效果,消失時間為500毫秒。
這個效果代碼很簡單,它會在頁面加載時立即顯示“正在加載”的文本,一旦頁面加載完成,它就會自動消失。這種頁面加載效果可以用于任何類型的Web應用程序應用程序,讓用戶在等待頁面加載時看到一個愉快的效果。