滑動下拉提醒，我該如何做到這一點？

Question

有人請給我一些關於如何在我的主頁上添加滑動下拉區域的提示，類似於以下網站：http://laptop-repair-manchester.co.uk。 （警告，旅行的惡意軟件）

我想模仿的東西是讀取「呼叫免費報價」的下拉區域，它顯示大約5秒的頁面加載後。

如果可能我還想添加一個圖像到下拉幻燈片效果。

在此先感謝。

Answer 1

由於jQuery有.slideDown函數：http://jsfiddle.net/QWqj5/，這可能是相當直接的。

setTimeout(function() { 
    $("#alert").slideDown(2000); // slide duration of 2 seconds 
}, 5000); // execute after 5 seconds 

Answer 2

要做到這一點，你可以在包含所有你想要的信息，你的頁面的頂部創建一個div，然後應用JQuery的slide down function在這個div。