ImageMapster - 显示影像地图上的文字链接悬停

Question

区我有悬停效果使用ImageMapster.js图像映射......旁边的图像是文本链接的列表至极参考图像映射区域的特定区域。悬停在文本链接上时是否可以突出显示图像地图区域？

例如为：

<img src="map.png" usemap="#ch" style="width:100%;"> 
<map id="usa_image_map" name="usa> 
<area href="http://ab.com" state="ab" shape="poly" coords="259,256,275,257,..."><area href="http://xy.com" state="xy" shape="poly" coords="332,421,329,416,..."> 
</map> 
<div id="links"> 
<a href="http://ab.com">ab</a><a href="http://xy.com">xy</a> 
enter code here 

的感谢！

Answer 1

试试这个：

$("a", "#links").hover(
     function() { 
     var state = $(this).text(); 
     $('area[state="' + state +'"]').mapster('select'); 

    }); 

这是当你将鼠标悬停与id="links"链接列表它得到积极的事件。 var这个状态保持悬停的链接的文本，所以当你悬停<a href="ab.com">ab</a>，状态ab。与选择$('area[state="' + state +'"]')你可以找到它等于悬停的链接的文本状态属性的地图区域元素。 mapster('select')最后突出显示地图区域。