Creating the Image Map

Creating the Image Map : Image Map : HTML JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » HTML » Image Map »

Creating the Image Map




<HTML>
<HEAD>
<TITLE>Client-Side Image Maps</TITLE>
<SCRIPT LANGUAGE="JavaScript"><!--
function goWhatsNew() {
 parent.frames[1].location.href="A.htm"
}
function goProducts() {
 parent.frames[1].location.href="B.htm"
}
function goCompany() {
 parent.frames[1].location.href="C.htm"
}
function goField() {
 parent.frames[1].location.href="D.htm"
}
// --></SCRIPT>
</HEAD>
<BODY>
<MAP NAME="bizmap">
  <AREA NAME="whatsNew" COORDS="219,250,50" shape="circle" HREF="javascript:void(0)" onMouseOver="goWhatsNew();return true">
  <AREA NAME="products" COORDS="205,226,100" shape="circle" HREF="javascript:void(0)" onMouseOver="goProducts(); return true">
  <AREA NAME="company" COORDS="192,202,155" shape="circle" HREF="javascript:void(0)" onMouseOver="goCompany()">
  <AREA NAME="field" COORDS="183,189,188" shape="circle" HREF="javascript:void(0)" onMouseOver="goField()">
</MAP>
<IMG SRC="http://www.navioo.com/style/logo.png" BORDER="0" USEMAP="#bizmap">
</HTML>