PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Выпадающее меню при нажатии на определенную ссылку

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

xaser	Отправлено: 02 Июня, 2012 - 02:55:27
Новичок Покинул форум Сообщений всего: 53 Дата рег-ции: Янв. 2012 Помог: 0 раз(а)	два дня лазил по поиску... ничего толкового... помогите в написании кода, чтоб получалось так: Прикреплено изображение (Нажмите для увеличения)

DelphinPRO	Отправлено: 02 Июня, 2012 - 08:18:08
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	CODE (html): скопировать код в буфер обмена <ul class=menu> <li><a>сохранить адрес</a></li> <li><a>дополнительно</a> <ul> <li><a>111</a></li> <li><a>111</a></li> <li><a>111</a></li> </ul> </li> </ul> CODE (css): скопировать код в буфер обмена ul.menu {} ul.menu li { display:inline-block; border:1px; background:white; } ul.menu ul { display:none; } ul.menu ul li { display:block; } CODE (javascript): скопировать код в буфер обмена $('.menu >li > a').click(function(){ if ($(this).siblings('ul').size() > 0) { $(this).siblings('ul').slideToggle(); } }); ----- Чем больше узнаю, тем больше я не знаю.

xaser	Отправлено: 02 Июня, 2012 - 22:31:48
Новичок Покинул форум Сообщений всего: 53 Дата рег-ции: Янв. 2012 Помог: 0 раз(а)	спасибо.. но получается в итоге, что это не выпадающее, а "выдвигающееся" меню... у меня должно бытьтипа такого: Каталог > Сладости > Конфеты > Шоколадные > т.е. получается как "путь в проводнике Виндовс"... т.е. нажав на ссылку, выпадает меню с доступными вариантами... например: Каталог > Сладости (-> Сладости / Кислости / Соленья / Варенья) ... но меню должно быть выпадающим (поверх следующего содержания) а не сдвигающим... (Отредактировано автором: 02 Июня, 2012 - 22:34:06)

DelphinPRO	Отправлено: 04 Июня, 2012 - 18:36:38
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	с помощь CSS можете позиционировать выпадающие блоки как вам угодно ----- Чем больше узнаю, тем больше я не знаю.

join	Отправлено: 14 Июня, 2012 - 15:09:50
Гость Покинул форум Сообщений всего: 91 Дата рег-ции: Февр. 2011 Помог: 1 раз(а)	В новых браузерах подобное делается на чистом css, без js. ----- - "Holy shit!" -девиз Холливуда - "Hello world " -девиз PhP

xaser	Отправлено: 14 Июня, 2012 - 16:00:37
Новичок Покинул форум Сообщений всего: 53 Дата рег-ции: Янв. 2012 Помог: 0 раз(а)	например?

join	Отправлено: 14 Июня, 2012 - 16:13:49
Гость Покинул форум Сообщений всего: 91 Дата рег-ции: Февр. 2011 Помог: 1 раз(а)	div div{ display: none; } div:focus div{ display: block } ps: =) (Добавление) CODE (htmlphp): скопировать код в буфер обмена a + ul li{display:none;} a:focus + ul li{display:block;} CODE (html): скопировать код в буфер обмена <a href="#" id="us">Aclick</a> <ul id="xxx"> <li>1</li> <li>2</li> </ul> (Отредактировано автором: 14 Июня, 2012 - 16:44:45) ----- - "Holy shit!" -девиз Холливуда - "Hello world " -девиз PhP

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.