javascript - 让颜色留在地图上——Javascript

Question

我正在研究如何使用 JavaScript 制作世界地图。我在http://backspace.com/mapapp/javascript_world/找到了这个惊人的例子。但是，我希望每个状态的颜色在单击后保持不变（但是如果没有单击它们，当光标离开时，其余的仍然是#efefef）。我是 JavaScript 新手，我希望我能解决这个问题。

        // when cursor is over
        st[0].onmouseover = function () {
            current && map[current].animate({fill: "#efefef", stroke: "#666"}, 300);
            st.animate({fill: st.color, stroke: "#ccc"}, 300);
        };

        // when clicking
        var flag = true;
        st[0].onclick = function () {
            if(confirm("Have you been to " + state + "?" )) {
                st.animate({fill: st.color, stroke: "#ccc"}, 300);
                flag = false;
            }
        };

        // when cursor is away
        if(flag) {
        st[0].onmouseout = function () {
            st.animate({stroke: "#666",fill: "#efefef" }, 300);
        };
        }

Answer 1

而不是更改元素$animate的 css并设置一个. 这样元素的背景将是持久的。stbackground-color

st.css({'background-color': <color-code>});

我希望这会有所帮助。