powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css menu
2 сообщений из 2, страница 1 из 1
css menu
    #36074342
Фотография Alex721
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Подскажите как реализовать такой элемент на css? саму структуру (menu, ul, li)

Горизонтальные ссылки с выпадающими под ними блоками при наведении.
В начале открыта 1я "закладка", дальше остается открыта та закладка, на которой последней наступил hover.
Положение блока желательно привязать к общей структуре (см. на картинке левый край) и ширина блока 100% от блока, в котором находится весь этот элемент (пока получается 100% - это ширина закладки)
...
Рейтинг: 0 / 0
css menu
    #36076018
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
мб как нить так?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div class="menu" id="m1">
home
</div>

<div class="menu_item" id="m1_">bla bla bla</div>

<div class="menu" id="m2">
products
</div>

<div class="menu_item" id="m2_">bla bla bla</div>

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
var m='m0';
$('.menu').hover(show_m,hide_m);

function show_m(){
$('#'+m+'_').hide('slow');
m=$(this).next().attr('id');
$(this).next().show('slow');
}

function hide_m(){

}

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.menu{
width: 25 %;
float:left;
}
.menu_item{
display:none;
}
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css menu
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]