|
Вообщем если не хотите изучать всякие svg и canvas, то есть простой вариант.
При наведении на блок в котором лежит вся окружность слушайте событие mousemove. С помощью координат мыши вы сможете рассчитать когда курсор находится в круге и на каком он секторе (это придется считать самостоятельно без использования события hover, чисто математически это не сложно). Круг состоит из 4 картинок. При наведении на 1 из секторов пропорционально уменьшайте размер картинки и двигайте его к центру окружности. Вот и все.
Или читайте про svg/canvas и задавайте вопросы по ходу разработки.
|