Question

当我将鼠标悬停在图片地图上时，我正在使用http://plugins.jquery.com/project/maphilight突出显示区域，但我还希望在点击时将其突出显示。单击另一个区域时，前一个区域应淡出，新的区域将保持高亮显示。

有没有人看到这样做或知道这样做的方法？

非常感谢， ç

Answer 1

ImageMapster：http://www.outsharked.com/imagemapster - 我的jQuery插件正是这样做的！

您想使用singleSelect选项，例如http://jsfiddle.net/jamietre/ufAF6/

Answer 2

仅在jquery＆amp; maphighlight中有解决方案！：

诀窍在于处理maphighlight的输入属性中的一个：alwaysOn：

$( "#map-tag area" ).click(function(){
    $(this).data('maphilight', { 
          alwaysOn: true 
    }).trigger('alwaysOn.maphilight');
    //check if area wasnt already selected - otherwise gets buggy
    if( !$(this).hasClass('selected') ){ 
      $('.selected').data('maphilight', {
          alwaysOn: false
      }).trigger('alwaysOn.maphilight');
      $('#map-tag area').removeClass('selected');
      $(this).addClass('selected');
    }

});

编辑：确保您拥有最新的maphilight！：http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js，来自maphilight的官方网页。

Answer 3

此问题的解决方案是 http://davidlynch.org/js/maphilight/docs/demo_features.html

如果您查看页面的来源，则会出现问题的代码。重要提示：您需要jquery.metadata.js插件!!!!

此致 szekelygobe

Jquery地图亮点

3 个答案: