How to draw an image map with a menu list effectively?

Question

I have a flip side to draw an image map with the effect of overlaying the menu bar, for example URL: http://www.99acres.com/paras-seasons-sector-168-noida-npxid-r6378 e

The fact is that when I find the menu, it also selects part of the image alternately. When I find part of the image, it also highlights the menu.

Answer 1

, , : . ,   : http://jsfiddle.net/LN2VL/24/

, . "" :

$('#Room3Pic').hover(function() {
    $("#Room3").trigger("mouseover");
}, function() {
    $("#Room3").trigger("mouseout");
});

$('#Room3').hover(function() {
    $('#Room3Pic').css('background-color', 'purple');
    $(this).css('background-color', 'purple');
}, function() {
    $('#Room3Pic').css('background-color', 'white');
    $(this).css('background-color', 'white');
});

, . https://codepen.io/pkshreeman/pen/dRvbZG?editors=1010

, "", . , JQuery hover HTML , .