滑动下拉警报,我该如何实现?

时间:2011-11-15 14:24:01

标签: javascript jquery html css

有人可以给我一些关于如何在我的主页上添加滑动下拉区域的提示,类似于以下网站:http://laptop-repair-manchester.co.uk。 (警告,恶意软件旅行

我想模仿的是下拉区域,上面写着“呼叫免费报价”,它会在页面加载约5秒后显示。

如果可能的话,我还想在下拉幻灯片效果中添加图片。

提前致谢。

2 个答案:

答案 0 :(得分:3)

这可能非常简单,因为jQuery具有.slideDown函数:http://jsfiddle.net/QWqj5/

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

答案 1 :(得分:2)

要实现这一点,您可以在页面顶部创建一个包含所需信息的div,然后在此div上应用JQuery的slide down function