Какой язык используется для этой функции?

Question

Я зашел на этот веб-сайт во время серфинга: http://kurdon.com/?lang=en_US, и на главной странице у него есть карта Ирака, на которой вы можете наводить курсор, и она будет подсвечивать части.щелкнув по нему, можно связать его со страницей детали.

Я думал, что он использовал для этой функции?это javascript / jquery или что-то в этом роде

Answer 1

Они используют только javascript для карты.

В правой части карты есть ссылки, которые содержат это:

onmouseover="change_map(1);"

И функция, определенная встроенной на странице:

function change_map(region) {
    var MapItem = document.getElementById("imageRegions");
    var ListItem = document.getElementById("region_" + region);
    MapItem.style.backgroundImage = 'url(/images/region_' + region + '.gif)';
    MapItem.style.backgroundPosition = '0px 0px';
    MapItem.style.backgroundRepeat = 'no-repeat';
    ListItem.style.color = "#D0630A";
    return true;
}

Области самой карты реализуются с помощью карт изображений.

Answer 2

Это HTML-карта изображений, объединенная с эффектами JavaScript, прикрепленными к событиям onmouseover и onmouseout.

Карта изображения определяет область через координаты, а javacript меняет цвет и применяет другие эффекты.

Попробуйте просмотреть исходный код страницы в инструментах Chrome Web Developer или Firebug, чтобы узнать больше.

Answer 3

Вы можете сделать это с картами изображений HTML, хотя я не уверен, что они устарели.

См .: http://en.wikipedia.org/wiki/Image_map#Definition_in_HTML

Answer 4

выглядит как JavaScript для меня, используя карту и устанавливая правильные координаты для разных регионов, а затем меняя цвет, когда кто-то делает наведение мыши / mouseout

Answer 5

Это просто JavaScript, манипулирующий CSS.