当前位置：文江博客话题详情

Jquery 地图高亮

发布于 2024-09-24 18:28:43 字数 250 浏览 4 评论 0原文

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

有没有人见过这样做或知道这样做的方法？

非常感谢， C

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

执笔绘流年 2024-10-01 18:28:43

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

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

回复收藏 0 原文

相对绾红妆 2024-10-01 18:28:43

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

There is a solution in jquery&maphighlight ONLY!:

And the trick is in handling good one of the maphighlight's input attributes: 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');
    }

});

EDIT: make sure you have the latest maphilight ! : http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js , from maphilight's official webpage.

回复收藏 0 原文