有時(shí)候需要在一張圖片上設(shè)置幾個(gè)區(qū)域，鼠標(biāo)點(diǎn)擊圖片的不同區(qū)域可以進(jìn)入不同的頁(yè)面，或者是點(diǎn)擊圖片的某一塊區(qū)域進(jìn)入某一個(gè)頁(yè)面，這就是網(wǎng)頁(yè)的熱點(diǎn)鏈接。
<img src="test.jpg" usemap="#testmap" alt="test" />
<map name="testmap" id="testmap">
<area shape="circle" coords="180,139,14" href ="test1.html" alt="test1" />
<area shape="circle" coords="129,161,10" href ="test2.html" alt="test2" />
<area shape="rect" coords="0,0,110,260" href ="test3.html" alt="test3" />
</map>
注釋?zhuān)?lt;img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（由瀏覽器決定），所以我們需要同時(shí)向 <map> 添加 id 和 name 兩個(gè)屬性
那么，如何獲取這個(gè)坐標(biāo)值呢？
方法一：.新建一個(gè)html頁(yè)面，在body里面插入如下代碼：
<a href="#"><img src="test.jpg" ismap="ismap"></a>
注意這個(gè)“ismap=’ismap‘”，有了這個(gè)屬性后，然后打開(kāi)這個(gè)html頁(yè)面，把光標(biāo)移到圖片上任意位置，網(wǎng)頁(yè)的左下角狀態(tài)欄會(huì)顯示當(dāng)前坐標(biāo)值
這樣即可獲取坐標(biāo)值了。
方法二：
打開(kāi)Dreamwever，新建一個(gè)頁(yè)面，插入一張圖片，
點(diǎn)擊“矩形”或其他熱點(diǎn)工具，再在圖片上拖動(dòng)位置
再打開(kāi)代碼區(qū)域
這個(gè)已經(jīng)都生成好了。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。