导航显示层
关键词:导航,导航显示,层隐藏显示,层隐藏,层显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
<!--
function showdiv(id)
{
var obj=document.getElementById("Ainput").getElementsByTagName("a");
var objlength=obj.length;
for(i=1;i<objlength+1;i++)
{tempdiv="showdivD"+i;
if(i==id)
{document.getElementById("showdivD"+i).style.display="";}
else
{document.getElementById("showdivD"+i).style.display="none";}
}
}
-->
</script>
<body>
<div id="Ainput">
<a href="#" onmouseover="showdiv(1)">显示层1</a>
<a href="#" onmouseover="showdiv(2)">显示2</a>
<a href="#" onmouseover="showdiv(3)">显示3</a>
<a href="#" onmouseover="showdiv(4)">显示4</a>
<a href="#" onmouseover="showdiv(5)">显示5</a>
<a href="#" onmouseover="showdiv(6)">显示6</a>
<a href="#" onmouseover="showdiv(7)">显示7</a>
<a href="#" onmouseover="showdiv(8)">显示8</a>
<a href="#" onmouseover="showdiv(9)">显示9</a>
</div>
<div id="showdivD1" style="display:;">1</div>
<div id="showdivD2" style="display:none;">2</div>
<div id="showdivD3" style="display:none;">3</div>
<div id="showdivD4" style="display:none;">4</div>
<div id="showdivD5" style="display:none;">5</div>
<div id="showdivD6" style="display:none;">6</div>
<div id="showdivD7" style="display:none;">7</div>
<div id="showdivD8" style="display:none;">8</div>
<div id="showdivD9" style="display:none;">9</div>
</body>
</html>