导航
/*.header1{
float: left;
}*/
html{
overflow:hidden;
}
#header2,#header3,#header4{
display: none;
}
iframe{
overflow-y: hidden;
height: 850px;
}
.hidden{
display: none;
}
window.onload=function(){
var projectCho=document.getElementById("left_text");
var btn=projectCho.getElementsByTagName('input');
var ifm=document.getElementsByTagName("iframe");
for(var i=0;i
btn[i].index=i;
btn[i].onclick=function(){
for(var j=0;j
btn[j].className="list";
ifm[j].style.display="none";
}
ifm[this.index].style.display="block";
this.className="list1";
};
}
};
本文介绍了一种使用JavaScript和CSS的技巧,通过隐藏和显示不同header实现导航菜单的动态切换。通过`window.onload`事件,用户点击左侧文本链接时,对应的内容区域会显示,其他部分则隐藏。这种方法适用于简化网页导航和用户体验。


7497

被折叠的 条评论
为什么被折叠?



