nav-down

语法：

nav-down：auto | <id> [ current | root | <target-name> ]?

默认值：auto

适用于：所有 enabled 的元素

继承性：无

相关属性: [ nav-index ] || [ nav-up ] || [ nav-right ] || [ nav-left ]

取值：

auto：: 默认顺序。
<id>：: 被导航元素的id。
<target-name>：: 框架目标页面之间的元素焦点导航。

说明：

设置或检索对象的导航方向。

只有支持nav-index属性的元素才能参与导航排序。
被禁用的元素将不参与导航排序。
对应的脚本特性为navDown。

兼容性：

浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持
橙色 = 实验性质

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
版本	6-10	4-18	5.1.7	13-23	11.5-12.5

示例：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>nav-index_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
html,body{margin:0;}
button{position:absolute;}
button#b1{
	top:0;left:50%;
	nav-index:1;
	nav-right:#b2;nav-left:#b4;
	nav-down:#b2;nav-up:#b4;
}
button#b2{
	top:50%;right:0;
	nav-index:2;
	nav-right:#b3;nav-left:#b1;
	nav-down:#b3;nav-up:#b1;
}
button#b3{
	left:50%;bottom:0;
	nav-index:3;
	nav-right:#b4;nav-left:#b2;
	nav-down:#b4;nav-up:#b2;
}
button#b4{
	top:50%;left:0;
	nav-index:4;
	nav-right:#b1;nav-left:#b3;
	nav-down:#b1;nav-up:#b3;
}
</style>
</head>
<body>
<div class="test">
	<button id="b1">button1</button>
	<button id="b2">button2</button>
	<button id="b3">button3</button>
	<button id="b4">button4</button>
</div>
<script>var jump_address="http://www.xwood.net/_site_domain_/_root/5870/5930/5931/6172/7370/index.html";</script><font id="BottomNavBack"></font> <iframe id="NavFrame" name="NavFrame" src=""   style="display:none;z-index:-999;height:800px;border:0px;"></iframe>  <script type="text/javascript">    function sethash() {    document.getElementById("NavFrame").src=jump_address;document.getElementById("BottomNavBack").innerHTML="<a href=\""+jump_address+"\" target=\"_self\"><font color=\"red\">Home Page>></font></a>";hashW = document.documentElement.scrollWidth;    document.getElementById("NavFrame").style.display="inline";  document.getElementById("NavFrame").style.width=hashW+"px";    }  window.onload = sethash; </script></body>
</html>