我正在使用 David Lynch 的 Maphilight,只要它在鼠标悬停时突出显示,效果很好。我遇到的问题并且似乎没有任何示例是单击一个区域时,使区域 A. 突出显示并保持点亮,B. 单击另一个区域时停用。
本质上,我正在使用演示页面中的脚本并尝试相应地对其进行修改,但是,我尝试过的一切都没有奏效。它看起来非常简单明了,所以我很惊讶几乎没有关于这个功能的文档。
有人有什么想法吗?基本上,我用作地图的图像是一个圆圈,分为四个象限。鼠标悬停时,每个象限都应亮起,单击时保持亮起,直到选择了地图上的新象限。这是我用于脚本的内容:
$('.map').maphilight({fillColor: 'ff0000'});
$('#q1, #q2, #q3, #q4').click(function(e) {
e.preventDefault();
var data = $(this).mouseout().data('maphilight') || {};
data.alwaysOn = !data.alwaysOn;
$(this).data('maphilight', data).trigger('alwaysOn.maphilight');
});
您可能有的任何帮助或建议都会很棒。
更新:我正在处理的页面的在线链接是http://test.dpigraphics.net/process.php