Стили у меню
Есть такая задача:
меню из 6 пунктов. В активном состоянии на пункт меню налаживается плашка белого цвета. Нужно сделать: При наведении на другой пункт меню (не текущий) выделение (плашка) уезжают на него.Если убрать мышь с наведенного пункта, выделение возвращается на позицию текущего пункта. Как можно такое сделать? |
А какие идеи у вас на этот счёт имеется? Начинайте, а я подхвачу.
|
Думаю, что нужно каждому пункту присвоить id, потом обрабатывать по onmouseover onmouseout
Но вот как правильно это сделать не совсем понимаю... |
ну допустим
<div style="background-color: #FFF;" onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'">наведи на меня</div> А можно узнать что за плашка? Я так и не понял. |
<ul class="topmenu"> <li><a href="" title="">Главная</a></li> <li class="active"><a href="" title="">О компании</a></li> <li><a href="" title="">Новости</a></li> <li><a href="" title="">Склад-онлайн</a></li> <li><a href="" title="">Вопрос-ответ</a></li> <li><a href="" title="">Контакты</a></li> </ul> Вот так у меня выглядит меню. Этот вариант не подойдет |
Что за: "налаживается плашка белого цвета" ?
|
Стили для этого меню:
.topmenu li:hover { background: url('images/gb_m.gif') center bottom no-repeat; } .active { background: url('images/gb_m.gif') center bottom no-repeat; } .active a{ color: #0054a6; background: #fff; text-decoration: underline; } .topmenu li:hover a{ color: #0054a6; background: #fff; text-decoration: underline; } |
Цитата:
Skipp, Плашка имеется ввиду, как я понял, background, "плашка" - векторная фигура. |
Цитата:
|
kiwwwi,
Skipp Вам показал, просто расставьте во все li-элементы style="background-color: #FFF;" onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'" |
Часовой пояс GMT +3, время: 17:28. |