Question

我想知道是否有任何方法可以避免“闪烁”或用某种其他类型的过渡取而代之？如果需要，我不介意使用JavaScript或jQuery - 这也只是指从一个网页到另一个网页的转换（都在同一个网站上）。

全部谢谢！

Answer 1

我相信你可以使用jQuery通过类似的东西来处理转换：

<script type="text/javascript">
    $(document).ready(function() {
        $("body").css("display", "none");
        $("body").fadeIn(2000);
    });
</script>

Here is a tutorial regarding using jQuery for Page Transitions

您还可以在HTML的标题部分使用以下行:(仅限IE）

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">

对于那些我会推荐一个小持续时间（<1.0），如果你只想删除“闪烁” - 但你可以玩这些设置。

Answer 2

我遇到了同样的问题。上面的代码工作，只是在CSS中的HTML上添加背景颜色。似乎对我有用

Answer 3

您不能真正消除闪烁，但是可以消除闪烁，尽管确实会增加过渡时间。

// Put this in your navigation function
$("body").fadeOut(200,function(){window.location = filename);

// Make sure the body tag of the next page is hidden by default
<body style='display:none'>

// Then after loading the new page, fade it in
$(document).ready(function() {
  $("body").fadeIn(200);
});

它消除了闪烁，但是在我看来，这同样糟糕，因为它大大降低了页面加载速度，并且向用户显示白屏的时间比闪烁更长。您决定。

页面转换 - 避免“闪烁”的方法

3 个答案: