Как добавить эффект наведения на области карты разным цветом для каждой области карты? - PullRequest
Новая
       17

Как добавить эффект наведения на области карты разным цветом для каждой области карты?

0 голосов
/ 11 мая 2019

Я создал карту изображений с помощью онлайн-инструмента. Теперь я хочу иметь эффект наведения на области карты с определенным цветом для каждой области карты. Как это сделать

Я попробовал этот ответ ( Как применить Hovering к тегу html area? ). Я также попробовал несколько плагинов jQuery, таких как Mapoid и Maplight 

<img src="Untitled.png" usemap="#image-map">

<map name="image-map">
    <area class="{fillColor:'0000ff'}" target="" alt="" title="" href="" 
        coords="334,89,1031,273" shape="rect">
    <area class="{fillColor:'00ff00'}" target="" alt="" title="" href="" 
        coords="334,277,1031,417" shape="rect">
</map>

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="maphilight/jquery.maphilight.min.js"></script>

<script type="text/javascript">
    $('img[usemap]').maphilight();
</script>

Я хочу иметь разные цвета наведения для каждой области карты, но я получаю одинаковый цвет для всех областей карты

...