例一：http://www.w3school.com.cn/tiy/t.asp?f=jseg_imagemap
<img src="/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>
例二：http://jwfpd.javaeye.com/blog/56468
<img src="/images/test.jpg" border="0" usemap="#Map1" name="flag"/>
<map name="Map1">
<area shape="rect" coords="0,0,386,27" style="cursor:hand" href="#" />
<area shape="rect" coords="194,28,362,65" style="cursor:hand" href="#" />
<area shape="rect" coords="197,165,362,199" style="cursor:hand" href="#"/>
<area shape="rect" coords="0,196,387,223" style="cursor:hand" href="#"/>
</map>
所以注意關鍵字：usemap,
shape="rect"和shape="circle" 矩形和圓
名稱: ?4C.ESL | .↗Evon
口號: 遇到新問題?先要尋找一個方案乄而不是創造一個方案こ
mail: 聯系我