淡入一页又一页加载微调器

我试图在加载后淡入整个页面，

我的代码：

<script type="text/javascript">
    $(window).bind("load", function() {
        $('#overlay').fadeOut(function() {
            $('html').fadeIn();
        });
    });
</script>

<html style="display:none">
....
<body>
.....
</body>
</html>
<div id="overlay">
     <img src="ajax-loader.gif" alt="Loading" />
     Loading...
</div>

问题是加载图像不显示

我该怎么办？

加载器位于 HTML 块中，该块具有 display：none。所以它不会显示。（即使你把它放在它外面）

相反，创建一个带有display：none的容器DIV，隐藏它并将其淡入，而不是HTML。

<html>
<head>
<script type="text/javascript">
    $(window).bind("load", function() {
        $('#overlay').fadeOut(function() {
            $('#container').fadeIn();
        });
    });
</script>
</head>
<body>
    <div id="overlay">
         <img src="ajax-loader.gif" alt="Loading" />
         Loading...
    </div>
    <div id="container" style="display:none">
    </div>
</body>
</html>

相关内容

最新更新

热门标签：