用javascript实现tab效果

类似于校内中的 日记  相册  那块标签
或者谷歌音乐的 标签
不要用多个网页的效果，用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;
}

---

JScript code:

function change(id)
for(var i = 0;i<3;i++){
document.getElementById("d"+i).style.dispaly="none";
}
document.getElementById(id).style.dispaly="block";
}

---

引用

JScript codefunction change(id)for(var i=0;i <3;i++){