Свойство nav-up задаёт, куда будет перемещён фокус, когда пользователь нажимает клавишу-стрелку вверх. Это позволяет создавать интуитивно понятную навигацию по элементам страницы. | Значение по умолчанию: | auto | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.navUp="#div2" | | Значение | Описание | | auto | Браузер самостоятельно определит, к какому элементу перейти. | | id | Указывает идентификатор элемента, куда будет осуществлён переход. | | имя цели | Определяет фрейм, в который произойдёт переход. | | inherit | Значение наследуется от родительского элемента. | Примерhtmlhead 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/headbody 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.
|