我刚刚编写一个非常简单的代码,以隐藏所有的元素,直到页面加载并显示一个指示符,而加载..(它的工作原理).
所以我要问的是要知道我做的是正确的,你打算提出什么.
HTML
<body>
<div class="loading">
<img src="indicator.gif"/>
</div>
<div class="content">
<!-- page content goes here -->
</div>
</body>
jQuery的
$(document).ready(function(){
$(".content").hide();
});
$(window).load(function(){
$(".loading").fadeOut("slow");
$(".content").fadeIn("slow");
});
解决方法
您可能希望从开始隐藏内容div,以避免任何可能的页面闪烁,具体取决于页面上正在加载的内容.
<body>
<div class="loading">
<img src="indicator.gif"/>
</div>
<div class="content" style="display: none;">
<!-- page content goes here -->
</div>
</body>
$(window).load(function(){
$(".loading").fadeOut("slow");
$(".content").fadeIn("slow");
});