Question

我有一个使用jQuery运行的动画。我假设一个好方法只播放这个动画一次为访问者设置一个cookie。我基本上需要它说你以前来过这里所以列出所有ID不透明度：1有一个超简单的解决方案吗？谢谢你的帮助

  $(document).ready(function(){
    $("#featureFade").animate({opacity:1},400,function(){
        $("#image").delay(300).animate({opacity:1},300,function(){
        $("#title").delay(300).animate({opacity:1},300,function(){
        $("#message, #move").delay(200).animate({opacity:1},300,function(){ 
            $("#move").animate({top: '400px',left: '0px'}, 500,function(){
            $("#nav,#contentContainer,#button,#footer,#topLevelNav").delay(1000).animate({opacity:1},700);
                });
                });
                });
            });
    });
});

Answer 1

使用jQuery Cookie Plugin，您可以这样做：

// check for previous visit
if ($.cookie('hasSeenAnimation') == null){
  // ...
  // play animation
  // ...

  // set cookie to stop next visit
  $.cookie('hasSeenAnimation','true');
}

Answer 2

我会在服务器端执行此操作 - 如果设置了cookie，则不要输出动画的代码...

将cookie设置为仅播放一次动画（jquery）

2 个答案: