新手需要的HTML頁面上鼠標懸停和地圖的幫助以 www.peterbio.com/mom/test.htm鼠標懸停顯示圖片

Question

有小的網頁

有人寫的代碼用鼠標和創建圖像地圖。當你點擊其中一個紫色氣球時，會出現另一張圖像。

1. ***需要一些幫助，添加更多的代碼，以便我可以添加另一個翻轉鼠標懸停圖片到圖像中的不同氣球。我不知道怎麼。但是通過上面的代碼示例和補充，我可以學到一些。

然後我可以做同樣的事情，以便圖片中的所有氣球都做一個鼠標懸停並顯示其他JPG（以後我會添加不同的圖像）。你可以使用相同的JPG來添加第二，第三等翻轉圖像。

1. ***還需要知道什麼免費地圖程序，我可以用來創建圖像地圖，所以我可以做其他的氣球---除非 - 你是如此可以將其他座標添加到圖像映射中，併爲所有其他氣球使用相同的圖像。

不確定圖像是否需要優先處理。他們將約爲11萬或更少。

非常感謝您的熱心幫助。自從母親去世後，試圖爲我的家人做些事情。我想應對的事情。 PC

Answer 1

<map name="momMap" id="momMap"> 

每個區域是在此情況下一個氣球，由座標限定，則動作「onmouseover」觸發javascript函數「changeImage」，其採用屬性「newimage」，這是圖像的名稱以顯示。

要設置的氣球的座標是成對插入的。例如，0,0意味着左上角，添加的對數越多，形狀的頂點越多，形成連接頂點的區域就會成爲受javascript操作影響的區域。

<area shape="poly" coords="326,93,316,136,275,165,250,163,235,127,261,100,286,66,308,68" href="#" onmouseover="changeImage('momf.jpg')" onmouseout="resetImage()"/> 

所以「poly」設置區域類型多邊形，和COORDS定義了多少頂點有。儘量保持這些頂點座標的順序，以避免混淆某些瀏覽器。 除了多邊形之外，還有其他形狀可以使用，這些形狀是圓形和矩形。這些類型的區域的使用被描述爲here。

你問一個例子，這將顯示相​​同的圖像（因爲我不知道該文件夾中的任何其他圖像）的平方100像素從父圖像的左上角：

<area shape="poly" coords="0,0,100,0,100,100,0,100" href="#" onmouseover="changeImage('momf.jpg')" onmouseout="resetImage()"/> 

所以最後，你只需要爲每個氣球設置一個新的區域，或者就此而言，你想要懸停效果的任何區域的圖像。爲了緩解你在圖像上找到圖像的收益，我找到this script，這將緩解你的任務