Javascript image map:
An image map is an image with a clickable area.Simple HTML image ing
<HTML>
<Body>
<Map Name = "planetmap" id = "planetmap">
<Area shape = "circle" coords = "180,139, 14"
Href = "../example/html/venus.html" target = "_ blank" alt = "Venus"/>
<Area shape = "circle" coords = "129,161, 10"
Href = "../example/html/mercur.html" target = "_ blank" alt = "Mercury"/>
<Area shape = "rect" coords = "0, 0, 110,260"
Href = "../example/html/sun.html" target = "_ blank" alt = "sun"/>
</Map>
</Body>
</Html>
Added JavaScript image ing.
<HTML>
<Head>
<SCRIPT type = "text/JavaScript">
Function writetext (txt)
{
Document. getelementbyid ("DESC"). innerhtml = txt
}
</SCRIPT>
</Head>
<Body>
<Map Name = "planetmap" id = "planetmap">
<Area shape = "circle" coords = "180,139, 14"
Onmouseover = "writetext ('until 1960s, Venus was considered as the twin sister of the earth, because Venus is the closest planet to us, and because both have many common characteristics. ')"
Href = "../example/html/venus.html" target = "_ blank" alt = "Venus"/>
<Area shape = "circle" coords = "129,161, 10"
Onmouseover = "writetext ('it is difficult to study mercury from Earth, because it is always very close to the sun. ')"
Href = "../example/html/mercur.html" target = "_ blank" alt = "Mercury"/>
<Area shape = "rect" coords = "0, 0, 110,260"
Onmouseover = "writetext ('the sun and a gas planet like Jupiter are the largest objects in the solar system so far. ')"
Href = "../example/html/sun.html" target = "_ blank" alt = "sun"/>
</Map>
<P id = "DESC"> </P>
</Body>
</Html>