| ← Май 2016 → | ||||||
|
1
|
||||||
|---|---|---|---|---|---|---|
|
2
|
4
|
5
|
8
|
|||
|
11
|
12
|
13
|
14
|
15
|
||
|
17
|
18
|
19
|
20
|
21
|
22
|
|
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
|
30
|
31
|
|||||
За последние 60 дней 4 выпусков (1-2 раза в месяц)
Сайт листа:
http://www.tiflocomp.ru/
Открыт:
19-10-2011
Пре-модерация: Нет
Адрес для писем в лист: industry.comp.tiflocomp.programming-list@subscribe.ru
Здравствуйте. Создаётся сайт. Появилась необходимость создания меню, в
котором подменю раскрывается не по наведению мыши на ссылку, а по клику
на определённую ссылку пробелом или энтером. Как это сделать? В
интернете информации не нашёл, а сам пока в javascript не селён.
Благодарю.
P. S. CMS maxsite.
P.P. S. Сайт http://tvoy-kilometr.ru
Возможна оплачиваемая работа.
07.05.2016 17:39, "Nikita" пишет:
Благодарю, но это не то:
1. Не после клика на энтер или пробел раскрывается подменю, а после
нажатия стрелки вниз,
2. Просмотреть второй и последующие пункты нереально - курсор
перескакивает на следующую ссылку вне подменю.
Здравствуйте, Денис Скрипник.
Там по-моему Subscribe покоцал CSS, удалив точки перед объявлением классов.
Возможно у вас в этом проблема.
Успехов. Никита.
10.05.2016 2:13, "Nikita" пишет:
классов.
Благодарю. С точками вроде всё ок. Пришлите пожалуйста мне на
scade***@y*****.ru style.css во вложении - проверю.
Здравствуйте, Денис Скрипник.
HTML:
<a class="main-item" href="javascript:void(0);" tabindex="1" >Подменю</a>
<ul class="sub-menu">
<li>Раз</li>
<li>Два</li>
<li>Три</li>
</ul>
CSS:
.sub-menu
{
display: none;
}
.main-item:focus ~ .sub-menu,
.main-item:active ~ .sub-menu,
.sub-menu:hover
{
display: block;
}
Предложенная реализация на JavaScript не завязана. Это фокусы CSS.
Всегда, при возможности, желательно сохранять работоспособность сайта и при
отключённом JavaScript.
Успехов. Никита.