我在尝试在单击时切换属性时遇到了一些问题。
悬停效果对我来说效果很好,但是我想在单击路径(国家/地区)时切换效果
如果有人可以帮助我,那就太好了。
这就是我试图得到的:
单击与悬停相同:
$("path").click(function() {
$(this).attr({
fill: "#FF0000",
stroke: "#00FF00"
});
}) // etc
这就是你想要的:)
这应该会有所帮助。
$("path").toggle(function() {
$(this).attr({
fill: "#FFFFFF",
stroke: "#eee"
});
}, function() {
$(this).attr({
fill: "#FF0000",
stroke: "#00FF00"
});
});
下面的代码将从红色切换到白色,从白色切换到红色,因此您可以根据自己想要的颜色进行样式设置。
演示