2010-06-18 51 views
0

我有一些复杂的要求,并想知道是否有通过jQuery做到这一点的方式:替换另一个使用效果DIV和设置cookie的

  1. 用户来到一个网页为今天第一次和我们显示DIV_1。
  2. 30秒后,我们将DIV_1解散到DIV_2。
  3. 我们在用户的机器上设置了一个cookie,当明天他/她返回时,该cookie会过期。
  4. 如果同一用户今天返回,我们只显示DIV_2。
  5. 明天,我们重复这个过程:用户将看到DIV_1,然后它解散到DIV_2。

你是如何通过jQuery实现的?谢谢。

回答

1

http://plugins.jquery.com/project/Cookie

$(function(){ 
    if(!$.cookie('repeatVisitor')){ 
     $.cookie("repeatVisitor", "true", { expires: 1 }); //expires in 1 day 
     setTimeout('showDivTwo();', 30000);  
    } 
}) 

function showDivTwo(){ 
    $('#divOne').fadeOut(); 
    $('#divTwo').fadeIn(); 
} 
+0

谢谢,德米特里。哇!你让它看起来很容易:) – Alex 2010-06-18 15:46:40

+0

跟进:如果DIV_2要替换DIV_1,你是否将它的STYLE设置为display:none?它现在不适合我。 – Alex 2010-06-18 16:09:01

+0

对setTimeout的正确调用是这样的:setTimeout('showDivTwo()',30000); – Alex 2010-06-18 16:19:28