页面过渡 - 避免“闪烁”的方法

Question

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

谢谢大家！

Answer 1

我相信你可以使用 jQuery 通过类似这样的方式来处理转换：

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

这是有关使用 jQuery 进行页面转换的教程

您还可以在 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），如果你只是想消除“闪烁” - 但你可以尝试这些设置。