多层层显示js
多层层显示js<!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>多层层显示js</title>
</head>
<script language=javascript>
function showdiv(i)
{
document.getelementbyid(tag1).style.display=none;
document.getelementbyid(tag2).style.display=none;
document.getelementbyid(tag3).style.display=none;
document.getelementbyid(tag4).style.display=none;
document.getelementbyid(tag+i).style.display=;
}function showdiv2(i,allnum)
{
for(temp=1;temp<allnum+1;temp++)
{
if (temp==i){document.getelementbyid(tag+temp).style.display=;}else{document.getelementbyid(tag+temp).style.display=none;}
}
}
</script>
<body>
<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>
<div id=tag1 >测试1</div>
<div id=tag2 style=display:none;>测试2</div>
<div id=tag3 style=display:none;>测试3</div>
<div id=tag4 style=display:none;>测试4</div>
<br />
<a href=# onmouseover=showdiv2(1,4);>1</a>
<a href=# onmouseover=showdiv2(2,4);>2</a>
<a href=# onmouseover=showdiv2(3,4);>3</a>
<a href=# onmouseover=showdiv2(4,4);>4</a>
</body>
</html>
