如何在鼠标悬停上创建高亮显示？

Question

在my page上，如果我将鼠标悬停在某个状态上，则右侧的超链接会更改为悬停样式。有人可能会建议我怎样才能使相反的事情发生......当我将鼠标悬停在右侧的某个超链接上时，状态将突出显示（当我悬停在状态本身上时）？

Answer 1

非常简单地使用jQuery的.trigger（）;

作为示例：$('#A0').trigger('mouseover');将突出显示地图中的第一个元素（华盛顿）。

所以<a class="staffs staff-A0" href="#">Washington</a>你可以添加这对鼠标悬停事件：

var map_element_id = '#' + this.className.split('-')[1]; 
$(map_element_id).trigger('mouseover'); 

当然的onmouseout需要一并处理了。 有许多方法可以处理map_element_id变量的赋值。我建议你分配一个单独的属性来存储这个，而不是一个类名（可能是数据映射ID？）。对' - '进行分割与这个例子一起工作，但想象一下，如果向包含' - '的元素添加更多的类名称，这将会失败。

Answer 2

获取地图区域的id并触发mouseover事件。

$('.staff').mouseover(function() { 
    var id = $(this).attr("class").split("-")[1]; 
    $("#"+id).trigger('mouseover'); 
});