信息栏如何工作，例如当您赢得徽章时出现在stackoverflow中的信息栏？

Question

当您在SO上赢得徽章时，会在顶部显示包含信息的栏。这看起来像jQuery，但它是如何实际实现的？

Answer 1

请检查：GROWL

如果您编写一个简单的简单css代码，您可以轻松地使堆栈溢出看起来像没有编程。

Answer 2

我刚刚使用了一个隐藏的div，其边缘顶部等于信息栏的高度，直到我想触发它​​为止。然后我只是为jQuery的show和animate（）设置动画，将margin-top更改为0。 或者，您可以隐藏它并使用slideDown（），但我更喜欢animate（）效果。