在頁面加載時滾動然後滾動

Question

我想在頁面加載時有一個div向下滾動，暫停幾秒鐘，然後滾動並關閉。與我們在cnn.com和其他網站上看到的advt橫幅類似。我如何做到這一點？我試圖在document.ready中執行以下操作，但無法使其工作。請幫幫我。

$(document).ready(function(){ 

    function rolldownDiv(){ 

      if ($('#feature-content').is(":hidden")) 
      { 
       $('#feature-content').slideDown().delay(10000); 
      } else { 
       $('#feature-content').slideUp().delay(10000); 
      } 
      return false;   
} 

rolldownDiv(); 
}); 

而且我有以下爲「特色內容」 CSS DIV：

/* Mozilla ignores crazy MS image filters, so it will skip the last line in the 
following */ 
#feature-content { 
    float:left; 
    width: 950px; 
    margin: auto; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparent.png'); 
    display:none; 
} 

/* IE ignores styles with [attributes], so it will skip the following. */ 
#feature-content[id] { 
    float:left; 
    width: 950px; 
    margin: auto; 
    background-image:url(images/transparent.png); 
    display:none; 
} 

Answer 1

目前還不清楚究竟是什麼「不工作」，但如果你想耽誤您需要的動畫改變

$('#feature-content').slideDown().delay(10000); 

到

$('#feature-content').delay(10000).slideDown(); 

// or 
setTimeout(function() { 
    $('#feature-content').slideDown(); 
}, 10000); 

如果你希望動畫自身向上滑動：

$('#feature-content').slideDown().delay(10000).slideUp(); 

---

爲什麼if ($('#feature-content').is(":hidden"))檢查需要的？ #feature-content元素而不是如何隱藏在文檔準備好？如果它是用CSS的問題，這應該只是罰款：

#feature-content { 
    float:left; 
    width: 950px; 
    margin: auto; 
    background-image:url(images/transparent.png); 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparent.png'); 
    display:none; 
} 

Answer 2

這聽起來像你想做的事：

$(document).ready(function() { 
    $('#feature-content').slideDown().delay(10000).slideUp(); 
}