javascript - jquery 加载函数

Question

问题
我想在任何页面加载时播放加载程序，并在加载完整页面时停止工作。有什么想法吗？

我是 jquery 或 javascript 新手。

Answer 1

只需立即在页面上放置一个带有加载图形的 DIV 即可。将此脚本放在页面上的任何位置或外部脚本文件的顶部:

$('BODY').append('<div id="loading"><img src="images/loading.gif" /></div>');

显然，您需要对其进行样式设置以将其放置在您想要的任何位置。我们这样做，而不是仅仅将其硬编码到页面内容中，以便禁用 JavaScript 的任何人都看不到它。

然后附加到加载事件以在页面完成后隐藏加载 DIV。将此脚本放在页面底部或 $(document).ready() 内。

$(window).load(function() {
    $('#loading').hide();
});