/*
Mastering JavaScript, Premium Edition
by James Jaworski
ISBN:078212819X
Publisher Sybex CopyRight 2001
*/
<HTML>
<HEAD>
<TITLE>Image Map Event Handling</TITLE>
<SCRIPT LANGUAGE="JavaScript"><!--
firstTimeOnHead=true
function onHead() {
if(firstTimeOnHead) {
alert("You're on my head!")
firstTimeOnHead=false
}
}
function myEye() {
alert("Be careful or you'll poke out my eye!")
}
function myNose() {
alert("Aaacchhooo!")
}
function myMouth() {
alert("Get out of my mouth!")
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<H1>Image Map Event Handling</H1>
<IMG SRC="http://www.java2s.com/style/logo.png" USEMAP="#blockman">
<MAP NAME="blockman">
<AREA COORDS="80,88,120,125" HREF="ch04-10.htm"
onMouseOver="myEye()">
<AREA COORDS="169,88,208,125" HREF="ch04-10.htm"
onMouseOver="myEye()">
<AREA COORDS="124,147,165,181" HREF="ch04-10.htm"
onMouseOut="myNose()">
<AREA COORDS="92,210,192,228" HREF="ch04-10.htm"
onMouseOut="myMouth()">
<AREA COORDS="6,4,292,266" HREF="ch04-10.htm"
onMouseOver="onHead()">
</MAP>
</BODY>
</HTML>
|