Sliding dropdown alert, how can I achieve this?

Question

Could somebody please give me a few pointers on how to add a sliding dropdown area onto my home page similar to the following website: http://laptop-repair-manchester.co.uk . ( Warning, trips for malware )

The thing I would like to imitate is the dropdown area that reads "call for a free quotation", it displays after about 5 seconds of the page loading.

If possible I would also like to add an image to the drop down slide effect.

Thanks in advance.

Answer 1

This can be quite straight-forward since jQuery has a .slideDown function: http://jsfiddle.net/QWqj5/ .

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

Answer 2

为此，您可以在页面顶部创建一个div，其中包含所需的所有信息，然后在此div上应用JQuery的下滑功能 。