0

最近我一直在考虑设计一个新的网站布局,但最近我遇到了很多灵感,但没有找到如何将它们实施到我的项目中的运气。其中一个问题包括在允许网页加载之前预加载图像,就像 Squarespace 如何向他们的网站展示其徽标的预加载图像,然后快速过渡到他们的网页一样。我试图查看他们的源代码,但没有找到他们是如何做到的或他们使用了什么(Jquery?/Javascript?)。我不知道。我做了一些研究,但其中大多数都包含我不想要的“进度条”,我只想用图像和漂亮的背景模拟 Squarespace,然后过渡到我的网页。有人愿意展示如何做到这一点吗?谢谢大家。

PS 我还在学习 JavaScript 和 Jquery,但我只是对人们如何想出这些实现很着迷。

这是使事情变得更容易的网站链接:http ://www.squarespace.com/ 您可以在开始时看到一个徽标在整个网站加载之前加载,这就是我的问题所在。

4

1 回答 1

0

想试试这个吗?

教程网站http://jquerybyexample.blogspot.com/2012/06/show-loading-image-while-page-is.html

HTML

<div id="dvLoading"></div>

CSS

#dvLoading{
   background:#000 url(images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

JS

<script>
    $(window).load(function(){
       $('#dvLoading').fadeOut(2000);
    });
</script>
于 2013-05-31T01:33:16.957 回答