Raphael 对热区的控制

JS插件的下载和教学地址raphaeljs

  $(function () {

            var R = Raphael(0, 0, 1440, 1360);

            x = document.getElementsByTagName('area');
　　　　　　 for (j = 0; j < x.length; j++) {

                (function (s) {

                    var c = R.path(s);

                    c.attr({ "fill": "#fff", "fill-opacity": 0, "stroke-width": 0 });

                    c.mouseover(function () {

                        c.animate({ "fill-opacity": .50, 'fill': "#fff", "stroke-width": 3, "stroke": "yellow" }, 500);



                    }).mouseout(function () {

                        c.animate({ "fill-opacity": 0, "stroke-width": 0 }, 500);

                    });

                })(AreaFoucs(x[j].coords));

            }

        });

        function AreaFoucs(str) {

            var arry = str.split(',');

            var str = "M";

            for (i = 0; i < arry.length; i++) {

                str += arry[i];

                if (i % 2 == 0) {

                    str += ",";

                }

                else {

                    str += "L";

                }

            }

            str += arry[0] + "," + arry[1];

            return str;

        }