<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div1 div{width: 200px; height: 300px; display: none; background: grey;}
.active{background: yellow;}
</style>
<script type="text/javascript">
window.onload=function ()
{
var oDiv=document.getElementById('div1');
var iBut=oDiv.getElementsByTagName('input');
var aDiv=oDiv.getElementsByTagName('div');
for(i in iBut)
{
iBut[i].index=i;
iBut[i].onclick=function()
{
for(i in iBut)
{
iBut[i].className="";
aDiv[i].style.display="none";
}
this.className="active";
aDiv[this.index].style.display="block";
}
}
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="教育">
<input type="button" value="培训">
<input type="button" value="招生">
<input type="button" value="出国">
<div style="display:block">1111</div>
<div>2222</div>
<div>3333</div>
<div>4444</div>
</div>
</body>
</html>
相关分类