类似于校内中的 日记 相册 那块标签
或者谷歌音乐的 标签
不要用多个网页的效果,用javascript多个内容在一个网页内,隐藏显示的效果。
我通过这样 function change(x){
document.getElementById(x).style.display="block"
}实现了 显示 但是点多个标签后就都显示了。
<ul >
<li ><a href=# onclick="change('d1');return false;">涂鸦墙</a>
<li ><a href=# onclick="change('d2');return false;">信息</a>
<li ><a href=# onclick="change('d3');return false;">博客</a>
</ul><div id="center">
<div id="d1" class="d">涂鸦</div>
<div id="d2" class="d">信息</div>
<div id="d3" class="d">博客</div>
</div>#center div{
display:none;
}
或者谷歌音乐的 标签
不要用多个网页的效果,用javascript多个内容在一个网页内,隐藏显示的效果。
我通过这样 function change(x){
document.getElementById(x).style.display="block"
}实现了 显示 但是点多个标签后就都显示了。
<ul >
<li ><a href=# onclick="change('d1');return false;">涂鸦墙</a>
<li ><a href=# onclick="change('d2');return false;">信息</a>
<li ><a href=# onclick="change('d3');return false;">博客</a>
</ul><div id="center">
<div id="d1" class="d">涂鸦</div>
<div id="d2" class="d">信息</div>
<div id="d3" class="d">博客</div>
</div>#center div{
display:none;
}
function change(id)
for(var i = 0;i<3;i++){
document.getElementById("d"+i).style.dispaly="none";
}
document.getElementById(id).style.dispaly="block";
}