我只是编写了一个简单的代码来隐藏所有元素,直到页面完成加载并在加载时显示一个指示符..(它的工作原理).
所以我要求的是知道我做得对,你会建议什么.
HTML
<body>
<div class="loading">
<img src="indicator.gif"/>
</div>
<div class="content">
<!-- page content goes here -->
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
jQuery的
$(document).ready(function(){
$(".content").hide();
});
$(window).load(function(){
$(".loading").fadeOut("slow");
$(".content").fadeIn("slow");
});
Run Code Online (Sandbox Code Playgroud)