How do information bars work, like the one appearing in stackoverflow when you win a badge?

Question

When you win a badge in this page a bar with information appears on top. I think is jquery but anybody knows all the code and the implementation? Thank.

Answer 1

Hello!

Check this: GROWL

If you code a fine, simple css you can easily make a stackoverflow lookalike without programming.

Answer 2

I just used a div that's hidden and has a margin-top equal to the information bar's height until I want to trigger it. Then I just animate jQuery's show and animate() to change the margin-top to 0. Alternately, you could just have it hidden and use slideDown(), but I prefer the animate() effect more.