JavaScript的重點還是以代碼為主，如果要實現某個功能的話其實不用自己一個個敲出來，只要找出現成的就可以了，小編給大家提供圖像映射代碼。

JavaScript教程之圖像映射代碼

　　《html》

　　《head》

　　《script type=“text/javascript”》

　　function writeText（txt）

　　{

　　document.getElementById（“desc”）.innerHTML=txt

　　}

　　《/script》

　　《/head》

　　《body》

　　《img src=“http://img1.2345.com/duoteimg/i/eg_planets.jpg” border=“0” usemap=“#planetmap” alt=“Planets” /》

　　《map name=“planetmap” id=“planetmap”》

　　《area shape=“circle” coords=“180，139，14”

　　onMouseOver=“writeText（‘直到 20 世紀 60 年代，金星一直被認為是地球的孿生姐妹，因為金星是離我們最近的行星，同時還由于兩者擁有很多共同的特征。’）”

　　href =“/example/html/venus.html” target =“_blank” alt=“Venus” /》

　　《area shape=“circle” coords=“129，161，10”

　　onMouseOver=“writeText（‘從地球上是很難研究水星的，這是由于它和太陽的距離總是很近。’）”

　　href =“/example/html/mercur.html” target =“_blank” alt=“Mercury” /》

　　《area shape=“rect” coords=“0，0，110，260”

　　onMouseOver=“writeText（‘太陽和類似木星這樣的氣態行星是到目前為止太陽系中最大的物體。’）”

　　href =“/example/html/sun.html” target =“_blank” alt=“Sun” /》

　　《/map》

　　《p id=“desc”》《/p》

　　《/body》

　　《/html》