onmouseout (HTML attribute)
| Depr. | Version |
|---|---|
| No | HTML 4 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Syntax
Description
The
onmouseout attribute is the “partner” attribute to
the commonly used onmouseover
attribute. It captures the moment that a mouse pointer crosses the
boundary of an element, moving from the inside to the outside of the
element to which the attribute is
applied.
onmouseout is mostly used for
resetting a visual effect that was previously applied by the
onmouseover attribute—for example, reinstating the
default state of an image that was swapped for a new
image.
Example
The example below shows a simple image swap technique, whereby moving the mouse away from the image causes the original image to be reinstated:
<div>
<img src="map.gif" alt="Hover to reveal the location on the map"
onmouseover="this.src='map_location_revealed.gif';"
onmouseout="this.src='map.gif';"/>Figures for February’s racing.
</div>
Value
This attribute has no fixed value.
It’s up to the author to decide on the scripting that’s included here, be
that a call to one or more defined functions, or a simple
alert() statement.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
Every browser listed supports this attribute. However, it should be avoided as it encourages the mixing of content and behavior.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.