• Страница 1 из 1
  • 1
Горизотальное меню с подменю
azarro
Дата: Воскресенье, 24.01.2010, 14:01 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 448
Сообщений: 10
Получено оценок: 2
Подскажите пожайлуста , что нужно изменить в коде чтобы:

1.Субменю было постоянно видно ( чтобы оно не скрывалось)
2.Активная вкладка в верхнем меню была такого-же цвета как субменю

Адрес кода : http://www.sohtanaka.com/web-design/examples/horizontal-subnav/

  
TIPLER
Дата: Среда, 17.02.2010, 23:05 | Сообщение # 2
молчун
Группа: Пользователи
Пользователь №: 717
Сообщений: 6
Попробуй так.
1.
Вот у тебя в твоей страничке есть такой стиль, поменяй так, как в здесь я сделал!
Code

ul#topnav li span {
     float: left;
     padding: 15px 0;
     position: absolute;
     left: 0; top:35px;
     display: none;
     width: 970px;
     background: #1376c9;
     color: #fff;
}

Поменяй на такой

ul#topnav li span {
     float: left;
     padding: 15px 0;
     position: absolute;
     left: 0; top:35px;
     display: block;
     width: 970px;
     background: #1376c9;
     color: #fff;
}

То есть поменяй display:none; на display:block;

2. чтобы активная вкладка была такого же цвета, как субменю, надо прописать псевдокласс :active. Добавь такую строчку в стилях

Code

ul#topnav li a:active { background: #1376c9 url(http://www.sohtanaka.com/web-design/examples/horizontal-subnav/topnav_active.gif) repeat-x; }


Сообщение отредактировал TIPLER - Четверг, 18.02.2010, 10:19
  
azarro
Дата: Четверг, 18.02.2010, 07:43 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 448
Сообщений: 10
Получено оценок: 2
Спасибо за ответ !

Но мне нужно чтобы 1.Субменю (нижнее меню)было постоянно видно ( чтобы оно не скрывалось)
Скорее всего надо сделать какие-то изменения в скрипте

Code
<script type="text/javascript">
$(document).ready(function() {

$("ul#topnav li").hover(function() { //Hover over event on list item
$(this).css({ 'background' : '#009CEC; url(images/topnav_a.gif) repeat-x'}); //Add background color + image on hovered list item
$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
$(this).css({ 'background' : 'none'}); //Ditch the background
$(this).find("span").hide(); //Hide the subnav
});

});
</script>


Сообщение отредактировал azarro - Четверг, 18.02.2010, 07:44
  
TIPLER
Дата: Четверг, 18.02.2010, 10:17 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 717
Сообщений: 6
Ах да, я то скрипт убрал...Для экспериментов с CSS. А вот JavaScript'е я не шарю :(

Вот только я не понимаю, зачем ты скрипт поставил, когда меню такое можно сделать только на css. А с помощью скрипта можно сделать плавное выдвижение субменю.

Сообщение отредактировал TIPLER - Четверг, 18.02.2010, 10:32
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.