css3 nav-right属性怎么用？

　　CSS3nav-right属性

　　作用：nav-right属性规定当使用nav-right导航键时，向何处进行导航。

　　基本语法：

　　nav-right:auto|id|target-name;

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

　　id：指定导航到该元素的ID

　　target-name：指定导航到目标帧

　　注：目前只有Opera支持nav-right属性。

　　CSS3nav-right属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>php中文网(php.cn)</title>

　　<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">按钮1</button>

　　<buttonid="b2">按钮2</button>

　　<buttonid="b3">按钮3</button>

　　<buttonid="b4">按钮4</button>

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

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56199.shtml