读者 Delang 在使用 CSS 页面加载器概念 时遇到了麻烦，我之前发布过。 所以我做了一个 示例页面。 它非常简单，并且只是“模拟”实际加载了一些东西。 也就是说，它实际上并没有加载任何东西。 您将需要刷新页面才能重置它。
如果您之前错过了，重点是您可以创建一个覆盖整个屏幕的白色 DIV，并在其中包含一个动画的页面加载器，并将其 display 属性设置为 none
#page-loader {
position: absolute;
top: 0;
bottom: 0%;
left: 0;
right: 0%;
background-color: white;
z-index: 99;
display: none;
text-align: center;
width: 100%;
padding-top: 25px;
}然后，您可以使用锚元素的 onclick 参数中的 javascript 代码段来切换该 DIV 的显示。
<a href="#" onclick="javascript:document.getElementById('page-loader').style.display='block';">Click here</a>
一个实际上没有加载的页面加载器就像一辆可以驾驶的汽车……或者？
这是一个不错的示例，但在 IE6 中效果不好，DIV 没有覆盖整个页面。
我喜欢这个假装加载的页面。 但如果你使用后退按钮，某些浏览器会显示加载 DIV 而无需点击（例如 Safari）。 有什么办法可以解决这个问题吗？
@Stefan，如果这在实际产品中使用，我认为您不会遇到这个问题，因为后退按钮会重新加载页面，并且它会再次隐藏。 现在的问题是没有实际加载新页面。
它非常简单。 我喜欢它。 但我不会使用它。 因为，在 Firefox 中使用后退按钮会显示加载 DIV 而无需点击。 请解决这个问题。
我应该将 Java 代码放在哪里？
谢谢