Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как сделать кнопки меню в виде веера? (https://javascript.ru/forum/dom-window/10912-kak-sdelat-knopki-menyu-v-vide-veera.html)

sever2k6 28.07.2010 09:40

как сделать кнопки меню в виде веера?
 
ну, в общем есть картинка, где кнопки (клавиши) расположены в виде веера, т.е. радиально исходят от какого-то центра.
подскажите, пожалуйста, можно ли сделать эти клавиши активным элементом - т.е., чтобы они были ссылками на другие страницы и совершали какое-то визуальное действие при нажатии
Заранее благодарен!

Kolyaj 28.07.2010 10:37

http://yandex.ru/yandsearch?text=htm...id=46510&lr=16

sever2k6 28.07.2010 12:03

Kolyaj,
спасибо, рассматривал такой вариант, а действие при нажатии мышкой как реализовать?
сдаётся мне, надо будет выравнивать кнопки, потом их каким-то скриптом поворачивать и при клике должно подставляться другое изображение, тоже повёрнутое...
потому что я не представляю, как можно сделать картинку с непрямыми углами...

Gvozd 28.07.2010 21:05

Цитата:

Сообщение от sever2k6
а действие при нажатии мышкой как реализовать?

на area вешаете обработчики событий

sever2k6 29.07.2010 00:36

Цитата:

Сообщение от Gvozd
на area вешаете обработчики событий

ага, спасибо, разобрался и с этим
вот только, если не затруднит, подскажите ещё и путь как сделать, чтобы, допустим при onmouseover одна кнопка менялась, доступим, в цвете... вот такая картинка есть в распоряжении:
http://ipicture.ru/uploads/100729/fujddsgfM6.gif
никак не соображу, как такие кнопки разделить, чтоб не грузить всю картинку, а по отдельности можно было работать с кнопками

Gvozd 29.07.2010 00:46

вы можете либо сменить сам рисунок на ту версию, где выделена нужная вам кнопка.
либо же поверх этого рисунка расположить рисунок с прозрачностью, и нарисованной только выделенной кнопкой
как дополнение(очень поможет для скорости) - объеденить все эти рисунки в один, расположив полосой, и показывая только одну часть


Часовой пояс GMT +3, время: 10:43.