Как работают информационные панели, наподобие той, которая появляется в stackoverflow, когда вы выигрываете значок?

Question

Когда вы выигрываете значок на SO, вверху появляется панель с информацией. Это выглядит как jQuery, но как это на самом деле реализовано?

Answer 1

Я просто использовал div, который скрыт и имеет верхнюю границу, равную высоте информационной панели, пока я не захочу вызвать ее. Затем я просто анимирую jQuery's show и animate (), чтобы изменить margin-top на 0. С другой стороны, вы можете просто скрыть его и использовать slideDown (), но я предпочитаю эффект animate () больше.

Answer 2

Проверьте это: РОСТ

Если вы кодируете прекрасный, простой CSS, вы можете легко сделать стековый поток похожим без программирования.