Карта с подсветкой

18.09.2008 Jman

Как-то на работе придумал, как сделать карту с подсветкой континентов. Сегодня решил выложить пример, и описание принципа работы. Сделал карту Киева с подсветкой районов при наведении. Используется всего одна картинка, немного CSS и немного Javascript

Скачать исходники можно сдесь
Посмотреть в отдельном окне можно тут
Более подробное описание работы можно прочитать на блоге CSS советы

Метки: , ,

Запись опубликована 18.09.2008 в 15:59 в следующих рубриках: WEB. Вы можете отслеживать обсуждение записи, используя ленту RSS 2.0. Вы можете оставить комментарий, или трекбек с Вашего сайта.

4 Комментария на запись“Карта с подсветкой”

  1. Комментирует Automaster
    24.09.2008 в 21:07

    Это круто? Только все равно это для меня очень сложно. А так охото такую карту куда-нибудь запихнуть в меню. Смотрелось бы супер.

  2. Комментирует Automaster
    24.09.2008 в 21:08

    Фу, ошибся. Это на самом деле меня впечатлило, особенно когда посмотрел исходный код. Мне такое явно не по зубам.

  3. Комментирует Максим Покровский
    27.09.2008 в 17:41

    Использование «area» и «map» в общем интересе интернета — зло. Данные ссылки не рассматриваются поисковиками, по ним не ходят роботы. Так что в серьезном проекте их лучше не юзать. А вот в формате личной фишки — вполне. Спецификация позволяет.

  4. Комментирует Jman
    27.09.2008 в 17:47

    Такие карты (уже есть в двух будущих проектах) используются как замена селекта для выбора района.

Оставить комментарий