Question

Hei，这是我的代码：

<img id="body_image" usemap="#body_map" src="assets/images/body.jpg" alt="">

<map name="body_map">
   <area shape="poly" alt="d" href="#body_chart" name="ad" coords="153, 153, 145, 164, 150, 175, 163, 165, 163, 157" />
</map>

现在我需要为地图区域添加悬停和选定状态。另外，我想一次制作更多区域和多个选区。

现在，您可以通过编写悬停和选定状态的整个代码来帮助我。

Answer 1

这是一个JQuery版本：

$(document).ready(function() {
    if($('#location-map')) {
        $('#location-map area').each(function() {
            var id = $(this).attr('id');
            $(this).mouseover(function() {
                $('#overlay'+id).show();

            });

            $(this).mouseout(function() {
                var id = $(this).attr('id');
                $('#overlay'+id).hide();
            });

        });
    }
});

希望这有帮助！：）

悬停和图像映射的选定状态

1 个答案: