Свойство nav-down позволяет точно определить, куда должен переместиться фокус при нажатии пользователем клавиши со стрелкой вниз. Это удобный инструмент для создания интуитивно понятной навигации по странице. | Значение по умолчанию: | auto | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.navDown="#div2" | | Значение | Описание | | auto | Браузер сам решит, какой элемент станет следующим в цепочке. | | id | Напрямую указывает идентификатор элемента, к которому произойдет переход. | | имя цели | Определяет фрейм, который получит фокус после действия. | | inherit | Сигнализирует, что текущий элемент берет значение от своего родителя. | Пример html head style type="text/css" button { position:absolute; } button#b1 { top: 20%; left: 25%; nav-index: 1; nav-right: #b2; nav-left: #b4; nav-down: #b2; nav-up: #b4; } button#b2 { top: 40%; left: 50%; nav-index: 2; nav-right: #b3; nav-left: #b1; nav-down: #b3; nav-up: #b1; } button#b3 { top: 70%; left: 25%; nav-index: 3; nav-right: #b4; nav-left: #b2; nav-down: #b4; nav-up: #b2; } button#b4 { top: 40%; left: 0%; nav-index: 4; nav-right: #b1; nav-left: #b3; nav-down: #b1; nav-up: #b3; } /style /head body button id="b1"Button 1/buttonbutton id="b2"Button 2/button button id="b3"Button 3/buttonbutton id="b4"Button 4/button pПример будет работать только в браузере Opera. Для перехода по элементам с помощью клавиш со стрелками, удерживайте нажатой клавишу Shift./p /body /html Так выглядит результат работы данного примера: Пример будет работать только в браузере Opera. Для перехода по элементам с помощью клавиш со стрелками, удерживайте нажатой клавишу Shift.
|