Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Стили у меню (https://javascript.ru/forum/misc/9825-stili-u-menyu.html)

kiwwwi 07.06.2010 20:45

Цитата:

Сообщение от JsLoveR (Сообщение 58348)
kiwwwi,
Skipp Вам показал, просто расставьте во все li-элементы style="background-color: #FFF;" onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"

хороше, как тогда будет пропадать и появлять бекграунд у активного элемента?

Skipp 07.06.2010 20:48

kiwwwi,
никак

kiwwwi 07.06.2010 20:49

Цитата:

Сообщение от Skipp (Сообщение 58351)
kiwwwi,
никак

зачем тогда предлагал выше написанный код?

Skipp 07.06.2010 20:51

kiwwwi,
наверно я не понял про какой активный элемент говорили)

JsLoveR 07.06.2010 20:52

Skipp,
и я пропустил)

Skipp 07.06.2010 20:55

<ul class="topmenu" style="width: 100px">
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Главная</a></li>
				<li class="active" style="background-color: #789"><a href="" title="">О компании</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Новости</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Склад-онлайн</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Вопрос-ответ</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Контакты</a></li>
			</ul>



class="active" без событий

kiwwwi 07.06.2010 21:06

Цитата:

Сообщение от Skipp (Сообщение 58356)
<ul class="topmenu" style="width: 100px">
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Главная</a></li>
				<li class="active" style="background-color: #789"><a href="" title="">О компании</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Новости</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Склад-онлайн</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Вопрос-ответ</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Контакты</a></li>
			</ul>



class="active" без событий

я понял, но не подходит. У меня активный элемент тоже имеет background и он должен исчезать при наведении на другие ссылки и пояляться если мы не наводим на другие ссылки

Sweet 08.06.2010 00:15

Ответы на все вопросы найдутся здесь. Нужно только чуть-чуть заморочится:)
Алгоритм, видимо, такой:
Про наведении на li сравниваем его позицию с позицией div'а. Если они равны, то ничего не делаем. А если не равны, то запоминаем текущую позицию div'а, и двигаем его к нужному li. А если mouseout - возвращаем div на исходную.

Skipp 08.06.2010 09:13

или дустанавливай в событиях visibility: hidden для активного элемента списка.


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