在我們完成一些大型的操作時,比如說上傳文件或者向數據庫中存儲大量數據,網頁很可能需要一些時間才能給出反饋。如果你不想讓用戶覺得網站崩潰了或者卡住了,你需要給用戶一些加載提示。一個簡單的實現方法就是使用jQuery Loading插件。
$(function() { $("#loading").loading({ stoppable: true, message: '加載中, 請稍等...', }); });
這個插件能夠在頁面加載過程中顯示一個居中對齊的加載動畫。這個插件支持選項,可以根據你的需要來調整外觀和功能。你可以選擇是否停止加載,設置加載信息文本,設置顯示的圖標樣式,設置加載延遲等。如果你仍然需要用戶輸入,這個插件還可以在用戶點擊加載動畫時終止加載。
如果你已經了解了jQuery,你可以很容易地將這個插件集成到你的頁面中,并使用CSS調整樣式。這個插件非常輕量,而且可以用于任何網頁上的Loading畫面。無論是在桌面還是在移動端,優秀的用戶體驗總是很受歡迎。
上一篇css創建導航菜單的類
下一篇mysql主服務器設置讀