0

刷新页面后显示消息可以通过以下方式完成:

HTML(在 BODY 标签的任何地方插入):

<div id="dvLoading"></div>

CSS:

#dvLoading {
    background:url(../theImages/loader.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    z-index: 9999999999999999;
}

查询:

$(window).bind("load", function() {
    $('#dvLoading').fadeOut(2000);
});

唯一的问题是,它可以在 IE 中运行,但不能在 FF 或 Chrome 中运行。加载器图像在几秒钟后消失,但在 FF 和 Chrome 中,图像只是停留在原位并且不会消失。

4

2 回答 2

4

以标准的 jQuery 方式连接它应该适用于所有浏览器:

$(function () {
    $('#dvLoading').fadeOut(2000);
});

或者,如果您没有在无冲突模式下使用 jQuery,

jQuery(function () {
    $('#dvLoading').fadeOut(2000);
});
于 2013-05-22T21:38:55.070 回答
2

采用$(document).ready

$(document).ready( function() {
    $('#dvLoading').fadeOut(2000);
});

这里的例子:http: //jsfiddle.net/apR7C/

于 2013-05-22T21:39:16.443 回答