1. 程式人生 > >一個圖片多個熱點連結

一個圖片多個熱點連結

<img src="img/banner/r4.jpg" width="338" height="289" usemap='#jiaotong' hidefocus="true">
<map name="jiaotong" id="jiaotong">
    <area href="http://www.1.com" shape="rect" target="_blank" coords="0,0,120,145" title="區域1" />
    <area href="http://www.2.com" shape="rect" target="_blank" coords="120,0,234,145" title="區域2" />
    <area href="http://www.3.com" shape="rect" target="_blank" coords="234,0,338,145" title="區域3" />
    <area href="http://www.4.com" shape="rect" target="_blank" coords="0,145,120,289" title="區域4" />
    <area href="http://www.5.com" shape="rect" target="_blank" coords="120,145,234,289" title="區域5" />
    <area href="http://www.6.com" shape="rect" target="_blank" coords="234,145,338,289" title="區域6" />

</map>

備註:hidefocus="true"防止邊框出現