我很好奇如何在我的网页上应用它,如果你能看到这个网站:http://www.dynamicworks.eu/然后单击顶部的任何链接,您会注意到出现了白色背景中的平滑淡入淡出。如果有人能告诉我该怎么做,我会很高兴:)
最佳答案
按照下面的代码片段使其工作。请随时提出您的疑问。
$('.faded-div').fadeOut(2000);
$('a.fade-in').click(function(){
$('.faded-div').fadeIn(2000);
});
$('a.fade-out').click(function(){
$('.faded-div').fadeOut(2000);
});
.faded-div{
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:blue ;
display: none;
}
.faded-div a
{
color:white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="faded-div"><a href="#" class="fade-out">Click To FadeOut</a></div>
<a href="#" class="fade-in">Click To FadeIn</a>
关于html - 整页白色背景预加载器在链接单击时淡入(示例),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37224216/