很多门户网站中常见的既可以在页面呈现内容,又可以节省空间的HTML代码。
很多门户网站中常见的既可以在页面呈现内容,又可以节省空间的代码。
<html>
<head>
<script language="javascript">
function changBg(obj,id)
{ objUl=obj.parentNode.parentNode;
listA= objUl.getElementsByTagName("A");
for(i=0;i<listA.length;i++)
{ index=i+1
if(index==id)
{ cname="loginMenu"+index+"on";
//listA[i].className= cname
document.getElementById("login"+index).style.display="block";
} else{
cname="loginMenu"+index;
//listA[i].className= cname
document.getElementById("login"+index).style.display="none";
}
}
}
</script>
</head>
<body>
<div >
<div >
<a href="javascript:void(0);" onclick="changBg(this,1);return false;" onfocus="this.blur()">帐套管理</a>
<a href="javascript:void(0);" onclick="changBg(this,2);return false;" onfocus="this.blur()">工资表管理</a>
<a href="javascript:void(0);" onclick="changBg(this,3);return false;" onfocus="this.blur()">其它</a>
<a href="javascript:void(0);" onclick="changBg(this,4);return false;" onfocus="this.blur()">其它4</a>
</div>
<div id="login1" style="padding-left:20px;width:260px;display:none;">
11111
</div>
<div id="login2" style="display:block;">
aaaaaa
</div>
<div id="login3" style="display:none;">
bbbbbb
</div>
<table id="login4" style="display:none"><tr><td>帐套管理</td></tr></table>
</div>
</body>
</html>
<html>
<head>
<script language="javascript">
function changBg(obj,id)
{ objUl=obj.parentNode.parentNode;
listA= objUl.getElementsByTagName("A");
for(i=0;i<listA.length;i++)
{ index=i+1
if(index==id)
{ cname="loginMenu"+index+"on";
//listA[i].className= cname
document.getElementById("login"+index).style.display="block";
} else{
cname="loginMenu"+index;
//listA[i].className= cname
document.getElementById("login"+index).style.display="none";
}
}
}
</script>
</head>
<body>
<div >
<div >
<a href="javascript:void(0);" onclick="changBg(this,1);return false;" onfocus="this.blur()">帐套管理</a>
<a href="javascript:void(0);" onclick="changBg(this,2);return false;" onfocus="this.blur()">工资表管理</a>
<a href="javascript:void(0);" onclick="changBg(this,3);return false;" onfocus="this.blur()">其它</a>
<a href="javascript:void(0);" onclick="changBg(this,4);return false;" onfocus="this.blur()">其它4</a>
</div>
<div id="login1" style="padding-left:20px;width:260px;display:none;">
11111
</div>
<div id="login2" style="display:block;">
aaaaaa
</div>
<div id="login3" style="display:none;">
bbbbbb
</div>
<table id="login4" style="display:none"><tr><td>帐套管理</td></tr></table>
</div>
</body>
</html>