Javascript Coding Example

This example shows how to add a second delay before running the onmouseover() event for any one of the above thumbnails. This adds a comfortable delay so that when a user casually moves the mouse over the page it doesn't fire off a lot of events creating a lot of unnecessary movement.

It also shows how to create a <DIV> on the fly, but that isn't really the purpose of this example.

To test, hold the mouse pointer over an image for 1 second. A <DIV> should pop up. Pull the pointer away from the thumbnail and the <DIV> should go away. Hold the mouse pointer over a thumbnail for less than a second, then pull away, and you should get no <DIV>.

Download Example As .zip

Send comments to: