Форум Сайтостроение Веб-строительство

Выпадающее меню на css

DB
На сайте с 30.03.2008
Offline
46
DrumBass
2982

Привет всем! Такая ситуация, есть меню на css, все работает кроме обратного скрытия меню при клике на ссылку. Меню пропадает если кликнуть в любую другую область кроме ссылки. Без JS можно реализовать это? 

<a class="main-item" href="javascript:void(0);" tabindex="1" >Открыть подменю</a>

<ul class="sub-menu">

<li><a href="#1">подпункт 1</a></li>

<li><a href="#2">подпункт 2</a></li>

<li><a href="#3">подпункт 3</a></li>

</ul>



.sub-menu

{

display: none;

}

.main-item:focus ~ .sub-menu,

.main-item:active ~ .sub-menu,

.sub-menu:hover

{

display: block;

}
G
На сайте с 16.07.2012
Offline
2
Godrik
#1

а чем тебе JS не нравится? там бы ты больше прибомбасов сделал бы

DB
На сайте с 30.03.2008
Offline
46
DrumBass
#2
Godrik:
а чем тебе JS не нравится? там бы ты больше прибомбасов сделал бы

Обычно предпочитаю, то что легче), да и вдруг с индексацией проблемы будут

А есть вариант небольшого скрипта JS ? такого же принципа действия

S
На сайте с 03.03.2008
Offline
91
Stayron
#3
DrumBass:
Обычно предпочитаю, то что легче), да и вдруг с индексацией проблемы будут
А есть вариант небольшого скрипта JS ? такого же принципа действия

Ерунда, никаких проблем не будет, все приличные интерфейсные скрипты работают с преобразованием div, ul и т.д. Вариантов масса, но я бы советовал присмотреться к Bootstrap. В простой и удобной форме реализована масса интерфейсных плюшек. Можно как библиотекой целиком пользоваться (там очень много всего, что облегчит верстку), так и нужные фрагменты подергать: http://twitter.github.com/bootstrap/

Google+ изнутри как пользоваться Новые Яндекс.Карты для Android: В новой версии Google
DB
На сайте с 30.03.2008
Offline
46
DrumBass
#4
Stayron:
Ерунда, никаких проблем не будет, все приличные интерфейсные скрипты работают с преобразованием div, ul и т.д. Вариантов масса, но я бы советовал присмотреться к Bootstrap. В простой и удобной форме реализована масса интерфейсных плюшек. Можно как библиотекой целиком пользоваться (там очень много всего, что облегчит верстку), так и нужные фрагменты подергать: http://twitter.github.com/bootstrap/

Спасибо, смотрю штука функциональная. Но сам написать скрипт я врядли смогу.

Мне бы простой скриптик, на jquery либо prototype. Мне нужно просто выпадающее меню, чтобы по клику открывалось и по клику на туже ссылку закрывалось

Как продавать ссылки на Подскажите с Prototype Windows Вопрос по jQuery
S
На сайте с 03.03.2008
Offline
91
Stayron
#5
DrumBass:
Спасибо, смотрю штука функциональная. Но сам написать скрипт я врядли смогу.
Мне бы простой скриптик, на jquery либо prototype. Мне нужно просто выпадающее меню, чтобы по клику открывалось и по клику на туже ссылку закрывалось

Я же писал, что можно использовать часть библиотеки. Просто идешь по ссылке Customize, отмечаешь только нужное и качаешь. Я скину тебе файл с уже отобранными стилями и плагином jQuery для выпадающей менюшки, но там немножко левого CSS (я его из своего проекта дернул, удалять стилизацию влом): https://docs.google.com/file/d/0B86IsyNccgVHTTlOdENyeEgtY1k/edit?pli=1

Пример использования: http://twitter.github.com/bootstrap/javascript.html#dropdowns

P.S. Самому в Bootstrap писать вообще ничего не нужно, просто отбираешь нужные куски или качаешь всю либу целиком, там уже полностью рабочий код.

Конфликт jQuery библиотек Помогите определиться с выбором Помогите прикрутить jquery tabs
[Удален]
#6
DrumBass:
по клику открывалось и по клику на туже ссылку закрывалось

по клику - эт не на css ... ))

там токо через псевдокласс hover

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий