jQuery 1.4 Animation Techniques - Index of

[ 161 ]
Chapter 6
Gothic Medium", Sans-serif;
}
#confirmation p { margin:0; position:relative; top:18px; }
4. Save the CSS as drop.css.
5. When the page loads, the message should initially be displayed before fading away
after a short interval:
The previous screenshot shows the message slowly being hidden. It will appear to slide up
and fade out at the same time when being hidden after the timer interval has passed.
What just happened?
The underlying markup of the message itself is extremely simple; we just need a container
and the actual message. In our example the message is hardcoded into the page, but we
could easily set this dynamically depending on the action being reported.