Определение и использование. Свойство nav-index определяет последовательный порядок навигации( "последовательности перехода") для элемента. По-другому говоря, свойство nav-index указывает последовательность получения фокуса, с помощью клавиш навигации.
Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство nav-index, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.
Синтаксис:
nav-index: auto|id|target-name|initial|inherit;
Описания и Использования
Default value:
auto
наследует:
нет
Версия:
CSS3
JavaScript синтаксис:
object.style.navIndex="#div2"
Свойства Значения
Значение
Описание
auto
Значение по умолчанию. Браузер определяет, какой элемент для перехода к
id
Определяет идентификатор элемента перейдите к
target-name
Задает целевой фрейм, чтобы перейти к
initial
Это свойство задает значение по умолчанию.
inherit
Наследует это свойство от своего родительского элемента.
Пишем программу:
< !DOCTYPE html>
< html>
< head>
< style>
button
{
position:absolute;
}
button#k1
{
top:10%;left:50%;
nav-index:1;
nav-right:#k2; nav-left:#k4;
nav-down:#k2; nav-up:#k4;
}
button#k2
{
top:45%;left:80%;
nav-index:2;
nav-right:#k3; nav-left:#k1;
nav-down:#k3; nav-up:#k1;
}
button#k3
{
top:80%;left:50%;
nav-index:3;
nav-right:#k4; nav-left:#k2;
nav-down:#k4; nav-up:#k2;
}
button#k4
{
top:45%;left:10%;
nav-index:4;
nav-right:#k1; nav-left:#k3;
nav-down:#k1; nav-up:#k3;
}
< /style>
< /head>
< body>
< div id="rr">
< button id="k1">Кнопка 1< /button>
< button id="k2">Кнопка 2< /button>
< button id="k3">Кнопка 3< /button>
< button id="k4">Кнопка 4< /button>
< /div>
< p>< b>Внимание!!!< /b> nav-объекты в настоящее время поддерживается
только в Opera 12 и выше. Удерживайте нажатой клавишу Shift во время
навигации с помощью клавиш со стрелками.< /p>
< /body>
< /html>
Результат программы:
Внимание!!! nav-объекты в настоящее время поддерживается только в Opera 12 и выше. Удерживайте нажатой клавишу Shift во время навигации с помощью клавиш со стрелками.