我正在推出一个移动网站，我希望它在加载所有内容和图片时都有一个加载图标。
详细说明： 我有几页。我想当我点击它将加载页面（到其他html页面），但我不想显示没有完全加载的页面，我想显示加载动画，同时加载所有内容。一旦内容完全加载。然后加载动画必须隐藏。
怎么做？
答案 0 :(得分：1)
您可以在页面开头设置一个大<div>，然后在load事件中使用Javascript或在{{末尾使用非法<style>块隐藏它1}}。
答案 1 :(得分：1)
您需要提供更具体的问题以获得更具体的（有用的答案）。
与此同时，这里有一些（希望是有用的）资源：
http://www.devcurry.com/2009/05/display-progress-bar-while-loading.html
http://jquery-howto.blogspot.com/2009/04/display-loading-gif-image-while-loading.html
http://banagale.com/display-a-simple-loading-message-and-animated-loading-gif-using-javascript.htm
http://yensdesign.com/2008/11/how-to-create-a-stylish-loading-bar-as-gmail-in-javascript/
如果适用于您的情况，可能会出现这个问题：
祝你好运！答案 2 :(得分：0)
有很多方法，但你需要javascript。
答案 3 :(得分：0)
您已准备好加载所有图片资源。定义覆盖整个页面的全屏div。在这个div中，显示例如加载微调器动画gif和你想要的文本。
<html>
<head> .. </head>
<body>
<div id="loader"> .. </div>
<div id="content" style="display:none"> .. </div>
<script> .. </script>
</body>
</html>
在您的脚本上预加载所有图像。这可确保在需要时它们位于缓存中。
<script>
var loadc = 0;
function _preload(path) {
var image = new Image;
image.src = path;
image.addEventListener('load', function() {
loadc++;
if (loadc == images.count) {
$("#loader").hide();
$("#hide").show();
}
// update here progress counter on loading div
};
}
var images = [ '/image/some.png', '/foo/bar.png' ]
$(document).ready(function() {
for (var i = 0 ; i < images.length; i++) _preload(images[i]);
});
</script>
您需要在images数组中定义在显示内容div时要准备好的所有资产，这包括从CSS和DOM引用的内容以及可能的动态DOM。您可以将此方法用于其他资源，例如audio和json。