Ajax Popup警报

Question

我正在寻找类似于Stackoverflow的功能，在某些情况下我想向用户显示如下重要信息：

您有2个新答案和1个新评论。查看您的回复。

这显示在屏幕顶部的橙色div中作为一种警报，并在其上有一个X来杀死窗口。

我想使用jQuery这样做，因为那是我选择的库。您可以发送给我的任何教程或代码示例吗？

由于

Answer 1

为此，您需要结合两个概念：

第一个是在页面顶部显示一个div。 Take a look at this tutorial，它向您展示如何将＆lt; div＆gt;放在彼此之上。从本质上讲，你会希望你的信息栏位于顶部，其z值大于同一地点的所有其他东西。

一旦你拥有它想要的地方，你就需要淡入或淡出它。 This article会显示使用javascript淡入/淡出div所需的内容。

只需将区域的不透明度设置为100％，并在页面加载时将其淡入淡出。然后有一个链接或按钮调用javascript淡出，如果你想关闭它（或在一定时间后执行）。