2

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

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

非常感谢， C

4

3 回答 3

4

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

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

于 2012-06-07T17:57:56.760 回答
0

仅在 jquery&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的官方网页。

于 2013-08-06T10:44:13.550 回答
-1

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

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

问候塞克利戈贝

于 2010-11-05T20:30:29.030 回答