我在使用 jQuery 使用网页的淡入和淡出时遇到问题。当脚本运行时,我的页面淡出,然后白色闪光,然后我的新页面淡入。这是 jQuery 效果的典型情况吗?这对我来说是一个问题,因为该网站非常暗,背景是黑色,所以很不和谐。
下面是我用来运行这些效果的脚本。是否是生成此问题的页面重定向存在问题?有更有效的方法吗?
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
提前谢谢大家。感谢您的帮助。
帕特里克
最佳答案
当淡出动画完成时,它将在 body 上设置 display:none 。这可能是你的白色闪光的来源。尝试将整个页面包裹在正文中的 div 内,然后淡出该 div。
或者尝试应用此 CSS:
html,body {
background-color:#000;
}
关于Jquery fadeIn 和 fadeOut 页面在加载之间生成白色页面闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17620895/