nav-up属性如何使用

2024-01-17 13:36 小编

cssnav-up属性

作用:nav-up属性规定当使用nav-up导航键时,向何处进行导航。

语法:

nav-up:auto|id|target-name|inherit;

说明:

auto:浏览器决定导航到哪个元素。

id:规定被导航元素的id。

target-name:规定被导航的目标框架。

inherit:规定应从父元素继承nav-up属性的值。

注:目前只有Opera支持nav-up属性。

cssnav-up属性使用示例

<!DOCTYPEhtml>

<html>

<head>

<style>

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>

<buttonid="b1">Button1</button>

<buttonid="b2">Button2</button>

<buttonid="b3">Button3</button>

<buttonid="b4">Button4</button>

<p><b>注释:</b>目前只有Opera支持nav-*属性。当您使用方向键导航时,请同时按下Shift键。</p>

</body>

</html>


image.png



Tag: 如何
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码