構建一個具有多種行爲的jQuery廣告

Question

我在想這可能是一個長鏡頭，但我希望至少有一個引用鏈接，或者甚至是一個小代碼讓我開始。

我有一個960x300廣告，在頁面加載時應該顯示3秒，然後縮小到前30個像素，基本上變成960x30格。完成該行爲後，點擊廣告應切換960x300和960x30大小之間的div。

我已經在努力構建類似的設置，但只能在懸停而不是點擊時切換，並且廣告最初並未顯示，而是在頁面加載時收縮。我最好是一個JavaScript新手，所以慢慢說，用小字。 :)

Answer 1

像這樣的東西應該做的伎倆。

$('#mybigad').delay(3000).animate({height:30}, function() { 
    $(this).click(function() { 
     if ($(this).height()==30) { 
      $(this).animate({height:300}); 
     } else { 
      $(this).animate({height:30}); 
     } 
    }); 
});