堆栈溢出样式的消息栏

Question

当您收到新通知时，我想创建一个类似于堆栈溢出站点顶部显示的消息栏。任何人都知道如何在Rails / CSS / jQuery中以一种好的方式做到这一点，或者知道某个教程？

Answer 1

这是jQuery的一个例子：

http://jsfiddle.net/pJmb7/13/

请注意，我似乎无法获得关闭按钮的z-index来取代jsFiddle中的“result”图像，因此很难找到“x”的可点击区域来演示结束。但是，只有坚持到底才能发挥作用。

如果这不在jsFiddle沙箱中，它将显示在屏幕顶部。

Answer 2

Basic working event-based example

Answer 3

尝试jQuery选项卡，希望它能工作：）