导航显示层
来源:易贤网 阅读:912 次 日期:2014-10-09 11:13:53
温馨提示:易贤网小编为您整理了“导航显示层”,方便广大网友查阅!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<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>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
上一篇:获得选中文本
易贤网手机网站地址:导航显示层
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标