Question

我有一个基本图像放在主容器的顶部，一旦用户访问该网站就会淡入。我希望此事件在初始加载时发生仅。这可以实现吗？

这是.js

    <script type="text/javascript">
    $(document).ready(function () {
        $('#landing').animate({opacity: 0.01}, 5000, function () {
            $(this).hide();
            $('#main').children().fadeIn(5000);
        });   
    });
</script>

提前致谢！

Answer 1

您可以设置一个cookie，然后只在未设置cookie的情况下运行动画。

如果你想使用jQuery，那么我的建议是使用这个jQuery插件： https://github.com/carhartl/jquery-cookie

做的事情如下：

if (!$.cookie('intro_animation')) {
    $.cookie('intro_animation', 'true');

    // Do your animation
    $('#landing').animate({opacity: 0.01}, 5000, function () {
        $(this).hide();
        $('#main').children().fadeIn(5000);
    }); 
}

如何使jQuery事件触发一次

1 个答案: