您好我刚开始使用JQUERY并遇到了问题。我希望有一个简单的预加载页面,其中包含等待网站加载的文本。我也希望页面之间有JQUERY淡化。
我只想在第一次加载页面时显示文本,而不是页面上的导航链接之间。我的代码在我加载页面时起作用,但它也在导航链接之间显示文本。
感谢您的帮助,希望它有意义
JQuery的
$(window).load(function() {
$(".loader").delay(2000).fadeOut("slow");
$("body").css("display", "none");
$("body").fadeIn(2000);
});
$('#link').click(function(){
$("body").css("display", "none");
$("body").fadeIn(2000);
});
CSS
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background-color: black;
}
#load_text{
text-align: center;
color: white;
left: 0;
line-height: 200px;
margin: auto;
margin-top: -100px;
position: absolute;
top: 50%;
width: 100%;
}
HTML
<body>
<div class="loader">
<h1 id = "load_text">THIS IS A BIG HEADING</h1>
</div>
<div class = "jumbotron">
<div id = "container">
<a href = "index.html" id = "link" > <h1>LINK</h1></a>
<a href = "second page.html" id = "link"> <h1>LINK2</h1></a>
</div>
</div>
</body>
感谢您的帮助,我尝试了您的建议,但我无法让它发挥作用。 这是代码。
$(document).ready(function() {
// check cookie
var visited = $.cookie("visited")
if (visited == null) {
$(".loader").css("display", "inline");
$(".loader").fadeOut(2000);
$.cookie('visited', 'yes');
alert($.cookie("visited"));
}
$(window).unload(function () {
// Remove the cookie
$.cookie("visited", null);
});
});
答案 0 :(得分:0)
存储变量(例如,作为cookie),它将指示页面是否第一次加载。 在淡入淡出功能之前执行检查,如果页面是第一次加载,请执行淡入淡出,否则 - 什么都不做。