[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Раскладное меню
d13anger
Не могли бы вы подробно описать его создания?
Меню типа токого:

Меню1
меню1.1
меню1.2
Меню2
меню2.1
меню2.2

Изначально все они закрыты и при нажатии Меню1 открываются меню1.1, меню1.2, также и с меню2.

Если можно то поясните два варианта,
1 - можно открыть все меню а при повторном нажатии закрыть(можно все раскрыть и закрыть)
2 - можно открыть только одно т.е если открыл Меню1 то Меню2 сворачивается.

1 пример для обучения нужен, а 2 для дела. Помогите студенту плз...



Спустя 19 минут, 26 секунд (5.04.2011 - 16:20) mrpsyx написал(а):
таких тем полным полно, по гугли, экспериментирую... тебе помощь какого рода нужна, типа дайте код, чтоб я там только оформление поменял и усе?

здесь нужен не только css, тут нужен, и js..

Спустя 29 минут, 57 секунд (5.04.2011 - 16:50) Snus написал(а):
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<
script type="text/javascript">
function showMenu(m){
$('div.'+m).toggle();
}
</script>


<style>
div.hide {
display: none;
margin-left: 20px;
}
</style>


<div onClick="showMenu('menu1')">Меню 1</div>
<div
class="hide menu1">Меню 1.1</div>
<div
class="hide menu1">Меню 1.2</div>
<div
onClick="showMenu('menu2')">Меню 2</div>
<div
class="hide menu2">Меню 2.1</div>
<div
class="hide menu2">Меню 2.2</div>

Спустя 1 день, 32 минуты, 59 секунд (6.04.2011 - 17:23) d13anger написал(а):
Snus
Спасибо, еще один вопрос а как зделать чтобы оно было скрыто по умолчанию?

Спустя 3 минуты, 21 секунда (6.04.2011 - 17:26) Игорь_Vasinsky написал(а):
ну то что должно быть скрыто - то изночально и имеет класс hide

а вообще красивее на JQUERY

Спустя 10 минут, 17 секунд (6.04.2011 - 17:36) d13anger написал(а):
Игорь_Vasinsky
Я об это тоже задумался, а то в ie это меню не канает. Пойду грысть понимание jq)

Да и на будущее мне как исправить, чтобы это меню работало в ie

Спустя 29 минут, 26 секунд (6.04.2011 - 18:06) Игорь_Vasinsky написал(а):
на JQUERY будет прекрасно работать

Спустя 26 минут, 30 секунд (6.04.2011 - 18:32) d13anger написал(а):
Я что то не пойму почему это:
.roofAuthEnter a:link, a:visited {
color:#FFF;
text-decoration: none
}
.roofAuthEnter a:hover {
text-decoration: underline;
}

Работает на весь сайт а не на конкретный стиль? Вроде все правильно написал.

А как только разъединяю .roofAuthEnter a:link, a:visited на 2 стиля, все становится нормально.

Спустя 3 часа, 59 минут (6.04.2011 - 22:31) Snus написал(а):
Цитата (Игорь_Vasinsky @ 6.04.2011 - 14:26)
а вообще красивее на JQUERY

А я по-твоему что использовал?


_____________
Не говори мне что делать а я тогда не скажу куда тебе идти!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.