Using onMouseOver and onMouseOut Event Handlers : Hyper Link Event « Event « JavaScript DHTML






  1. JavaScript DHTML
  2. Event
  3. 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>








Related examples in the same category

1.Handling onClick or Links
2.Handling onMouseOut or Links
3.Using Functions as Event Handlers
4.Using the Event Object with Navigator and Internet Explorer
5.Using the const Keyword
6.Using onClick and onDblClick Event Handlers