Using onMouseOver and onMouseOut Event Handlers

Using onMouseOver and onMouseOut Event Handlers : Hyper Link Event : Event JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Event » Hyper Link Event »

Using onMouseOver and onMouseOut Event Handlers




/*
JavaScript Bible, Fourth Edition
by Danny Goodman 

John Wiley & Sons CopyRight 2001
*/


<HTML>
<HEAD>
<TITLE>onMouseOver and onMouseOut Event Handlers</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function setStatus(msg) {
    status = msg
    return true
}
// destination of all link HREFs
function emulate() {
    alert("Not going there in this demo.")
}
</SCRIPT>
</HEAD>
<BODY>
<H1>onMouseOver and onMouseOut Event Handlers
</H1>
<HR>
<H1>Pledge of Allegiance</H1>
<HR>
I pledge <A HREF="javascript:emulate()" onMouseOver="return setStatus('View
 dictionary definition')" onMouseOut="return setStatus('')">allegiance</A> to the
 <A HREF="javascript:emulate()" onMouseOver="return setStatus('Learn about the
 U.S. flag (http://lcweb.loc.gov)')" onMouseOut="return setStatus('')">flag</A>
 of the <A HREF="javascript:emulate()" onMouseOver="return setStatus('View info
 about the U.S. government')" onMouseOut="return setStatus('')">United States of
 America</A>, and to the Republic for which it stands, one nation <A
 HREF="javascript:emulate()" onMouseOver="return setStatus('Read about the
 history of this phrase in the Pledge')" onMouseOut="return setStatus('')">under
 God</A>, indivisible, with liberty and justice for all.
</BODY>
</HTML>