Javascript RaphaelJS:Loop-through shapes数组和onmouseevent选择除触发的形状之外的所有其他形状
我的标题可能不太清楚，所以我将添加一些解释。我已经使用创建了一个地图。我有不同的区域，在悬停它们时，我设法添加了不同的动画/属性 我现在面临的主要问题是，当悬停其中一个时，我希望所有其他未悬停的形状都消失。我可以通过在触发事件时添加一个类“hovered”来轻松地处理许多HTML元素，但这对Raphael不起作用，或者至少我不知道如何将类应用于形状 下面是我的一些代码：Javascript RaphaelJS:Loop-through shapes数组和onmouseevent选择除触发的形状之外的所有其他形状,javascript,raphael,Javascript,Raphael,我的标题可能不太清楚，所以我将添加一些解释。我已经使用创建了一个地图。我有不同的区域，在悬停它们时，我设法添加了不同的动画/属性 我现在面临的主要问题是，当悬停其中一个时，我希望所有其他未悬停的形状都消失。我可以通过在触发事件时添加一个类“hovered”来轻松地处理许多HTML元素，但这对Raphael不起作用，或者至少我不知道如何将类应用于形状 下面是我的一些代码： var regions = {}; // I'm putting all my shapes in there. for ex
var regions = {}; // I'm putting all my shapes in there. for example region.myRegion = paper.path();
for (var state in region) {
region[state].color = "#c6d2ec";
(function (st, state) {
st[0].style.cursor = "pointer";
st[0].onmouseover = function () {
st.animate({fill: st.color}, 100);
st.animate({transform: "s1.3"}, 100);
paper.safari();
};
st[0].onmouseout = function () {
st.animate({fill: "#e5e5e5"}, 300);
st.animate({transform: "s1"}, 100);
paper.safari();
};
})(region[state], state);
}