超鏈接html頁面中的特定部分

Question

有沒有可能讓我超鏈接html頁面中的特定部分。

假設我有一個大的圖像，當我點擊左側我想超鏈接到一個partular圖像，當我點擊中間到另一個和右側。我想在不將圖像裁剪爲3部分的情況下做到這一點。

任何想法如何做到這一點？

Answer 1

最簡單的方法是使用Image Map。

Answer 2

是的，這很容易，所以它不應該花你很長時間。這個想法是在圖像上創建一個圖像映射。通過這種方式，您可以在地圖上指定各種座標以反映圖像上的座標，並選擇哪些部分鏈接到哪裏。這裏有一些鏈接可以幫助你。

圖片地圖：http://www.w3schools.com/tags/tag_map.asp

我從來沒有試過這樣：http://www.ehow.com/how_4499356_make-image-map-using-photoshop.html

我通常做它通過Dreamweaver中：http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c13a.html

您可以通過手工方式做到這一點的第一個鏈接顯示，並獲得在Photoshop中的座標

如果你在你的CSS背景圖像（我假設你有你的內容在一個div），把你的內容，而不是包裝sp一個在標記示例：<a href=""><span>CONTENT</span></a>

Answer 3

爲此，您可以使用錨標籤：先切圖像分爲3個部分，然後把所有的零件旁邊圍繞着彼此的頁面上（使用<nobr>標記，以確保他們不」脫節）。接下來放<a name='spot-on-page'></a>你想要的地方它跳轉到，然後把<a href='#spot-on-page'><img src='picture1'></a>作爲該地點的鏈接。然後用其他2張圖像重複第二部分。