|
|
|
| Вот собственно код меню:
<td width="10%" align="center" class="upper_menu_on><a href="/"><img src="{THEME}/images/main_2.gif" style="border: 0; display:block;">Главная</a> </td>
<td width="10%" align="center" class="upper_menu"><a href="/Reklama.html"><img src="{THEME}/images/contacts_2.gif" style="border: 0; display:block;">Реклама</a>
</td>
|
.upper_menu_on a{
font-family:tahoma;
text-decoration: none;
color: #6699FF;
font-size: 11px;
font-weight: bold;
}
.upper_menu_on a:hover{
text-decoration: underline;
}
.upper_menu a{
font-family:tahoma;
text-decoration: none;
color: #999999;
font-size: 11px;
font-weight: bold;
}
.upper_menu a:hover{
color: #6699FF;
text-decoration: underline;
}
|
При наведении меняется цвет текста и подчеркивание происходит. Нужно чтобы выбрав к примеру Реклама она приняла класс upper_menu_on, а Главная стала upper_menu. Делается для того, чтобы пользователь видел, что он выбрал. Помогите разобраться. Стилями реализуемо или джаваскрипт писать нужно? Надеюсь на вашу помощь. | |
|
|
|
|
|
|
|
для: TetRiska
(23.04.2009 в 15:43)
| | есть знающие? | |
|
|
|
|
|
|
|
для: TetRiska
(25.04.2009 в 00:00)
| | 1. вводим неопределённую глобалку
2. при выборе пункта меню глобалку определяем записыванием в неё id выбранного пункта,
а ссылкам этого пункта меню присваиваем новый className
3. при выборе нового пункта меню из глобалки берем id прошлого выбранного пункта и
переприсваиваем ссылкам прошлого выбора className на имя "по умолчанию", а затем
делаем выше описанное здесь в п.2 | |
|
|
|
|
|
|
|
для: TetRiska
(23.04.2009 в 15:43)
| | Попробуй так:
onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'", добавляй, что нужно.
Или замени класс на стиль, и меняй из JS. Не забудь ИД добавить. | |
|
|
|