Нужно сделать 150 кружков которых надо расположить по полукругу, а после написать код так чтобы при наведении курсора на каждый кружок появляла инфо?

Question

[Akbarhoja]

Answer 1

[Сергей delphinpro]

Генерируем скриптом 150 элементов, вспоминаем формулы окружности из курса школы, рассчитываем и располагаем точки в нужных местах.
Доп.инфо реализовать так же просто. Взять плагин для toolpit'ов, и навесить его на каждый элемент.

UPD https://codepen.io/delphinpro/pen/NaQjdm

Comments

[Максим]

сложно вы придумали - transform-origin эти вопросы решает легко

[Сергей delphinpro]

Максим Ленский, да. устал я сегодня.

[Максим]

Сергей, только вот z-index не знаю как победить

[Сергей delphinpro]

Максим Ленский, легко
:hover { z-index: 100500; }

[Akbarhoja]

У меня не совсем получается . Пожалуйста можете показать?

[Сергей delphinpro]

Akbarhoja, могу, перерывчик будет — накидаю скриптик =)

[Akbarhoja]

Сергей, оооо спасибо вам большое , я уже 2 дня мучаюсь , у меня не получается именно при наведении, у меня получилось при нажатии, но при новедении не отображается ни информация ни фото

[Akbarhoja]

Сергей, Привет это снова я сможете помочь?

Answer 2

[ThunderCat]

гуглить:
1) формула полуокружности с заданным радиусом или синуса(и с коэффициентом например умножать)
2) кружочки - див с позишн абсолют и бордер радиусом соответствующего размера.
3) инфо - стандартный title думаю подойдет

Comments

[Максим]

сложно вы придумали - transform-origin эти вопросы решает легко

Answer 3

[Алекс Глебов]

Если формулы окружности из курса школы не вспоминаются, можно взять jquery ui drug&drop, перетащить мышкой круги на место и сохранить готовый код с атрибутами top left.