You have seen the 'onMouseOver' command widely used on the Web. 'onMouseOver' allows some element(s) of a page to change when the user hovers over a given piece of text or an image. 'onMouseOver' is often used inside a link, to provide information about what clicking on the link will do. 'onMouseOver' is typically used alongside 'onMouseOut'. 'onMouseOut' is the opposite of 'onMouseOver'; it tells the browser what to do when the cursor is no longer hovering over a given piece of text or an image.
Let's do an example of using 'onMouseOver' to affect the page.
<a href="http://yahoo.com" onMouseOver="parent.location='Quick Boost.html'">Hover over me to get a quick boost to your self-esteem</a> </center> </body>
Try these links on onMouseOver, 'onMouseOut' and Image Swaps:
|onUnLoad and 'onMouseOut'||www.htmlgoodies.com/primers/jsp/article.php/3478221|
|Image Flip Using 'onMouseOver'||www.htmlgoodies.com/primers/jsp/article.php/3478271|
or check out one of our reference books, or look for other help on the Web.
Work on either your own page or eEverything.com. Use 'onMouseOver', as in the first example, to create a link that works when the user hovers over it.
If you work on eEverything.com, have the link be to "appliances.html," and the message that comes up when the user hovers over the link should say that all small appliances are 20% off for the next two weeks.
In addition, use 'onMouseOver' and 'onMouseOut' to swap two images within a link, so that a different image shows up when the user hovers over the link.
If you work on eEverything.com, you can swap these two images: 'vcr1.gif' and 'vcr2.gif'. (vcr1.gif I created in PhotoImpact, vcr2.gif I took from jandr.com.) Both files are in the folder: uzza.us/cs/web/.
If you work on your own page, swap two other images.