I'm looking for a way to have a small box with text (links) and graphic slide in from the edge of my site at a certain time (say, 5 seconds after the page is fully loaded, or once the user scrolls to a certain depth on the page).

The slide in box would remain in place until the user clicked an X in the box's top right-hand corner, or any of the links shown on the slide-in box.

If the user clicked the X, the box would slide back into its original position offscreen.

Has anyone built a slide-in/slide-out element like this (using a similar timing method)?


Any advice is greatly appreciated.