|
Фигуры рисовать можно в виде SVG, окна с описанием поместить в тот же SVG но установить стиль `display:none`, на событие mouseover вешаем обработчик
устанавливающий `display:block`, а на mouseout обратно `display:none` для описания. Описание должно быть внутри самой фигуры чтобы события срабатывали
корректно. Собственно фигура должна представлять собой отдельный <svg:g/> с графикой.
Что надо почитать:
* что такое SVG и как его поместить в HTML
* как работать с CSS, конкретно display
* что такое события и как их обрабатывать
Так же может понадобится SVG-редактор, но не обязательно.
Как и откуда брать данные и как их преобразовывать в SVG зависит от того как сделан сайт.
|