Question

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

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;
}

JQuery的：

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

唯一的问题是，它在IE中工作，但在FF或Chrome中没有。装载机图像在几秒钟后消失，但在FF和Chrome中，图像只是停留在它的位置并且不会消失。

Answer 1

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

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

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

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

Answer 2

使用$(document).ready

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

示例这里： http://jsfiddle.net/apR7C/

脚本不在页面加载时执行

2 个答案: