Question

我想要预加载一个网站。我只想在网站上加载一次。当它加载我想要每个页面预加载。我该怎么做？

http://frankadvertisingus.com/fa_website/home.html

Answer 1

右键单击源代码可能会有所帮助

以下是您可以找到jQuery的源代码。 http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

Answer 2

你可以在加载时替换或隐藏正文，并显示页面加载以及完成后显示内容

这里有一篇较旧的帖子： How can I create a "Please Wait, Loading..." animation using jQuery?

应该是你想要的

脚本的html文件？认为它只是与.js一起工作

你必须使用

在每个页面上添加它

<script type="text/javascript" src="preload.js"></script>

Answer 3

标题

<script type="text/javascript">
 function hideLoadingLayer(){
 document.getElementById("loading_layer").style.visibility="hidden";
 }
 </script>

体

<body onload="hideLoadingLayer();">

股利

<div id="loading_layer"><img src="images/loading.gif" alt="" width="550" height="400" border="0" /></div>

CSS

#loading_layer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:999999;
background-color: #FFF;
text-align: center;
margin: 0 auto;
}

从JavaScript (website) Web page preloader

插入

Answer 4

修改

好的，这个问题已经过时了，提供的链接已经死了，有些用户提供了很好的纠正方法，我决定编辑我的答案，解释预加载后的过程，而只提供一个链接。

预加载网页只是在页面呈现时显示一些文本，图像或其他内容，以通知访问者后台正在发生的事情。最简单的方法是包含简化整个过程的jQuery。我们的主要目标是在页面加载时显示文本。因此，我们的任务是首先显示文本，然后在页面完全加载时隐藏文本并显示内容。

<script src="http://code.jquery.com/jquery-latest.min.js"></script> // include jQuery source <script> $('.content').hide(); // hide content while rendering $(document).ready(function(){ // When page is fully loaded... $('.preload').hide(); // hide preloader $('.content').show(); // and show content }); <div class="preload">Loading...</div> <div class="content">Some generic content here</div>

这只是一个基本的例子，您可以使用jQuery来制作一些不错的预加载器。

<强> ORIGINAL

这是我的第一个预加载器。这很简单。页面加载时，它会显示预加载器，然后隐藏预加载器和显示页面。 Preload web site using jquery (simple)

预加载网站

4 个答案: