代码如下:
隐藏和显示 - #thediv
- {
- width:200px;
- height:100px;
- line-height:100px;
- text-align:center;
- background-color:green;
- }
- functionShow_Hidden(obj)
- {
- if(obj.style.display=="block")
- {
- obj.style.display='none';
- }
- else
- {
- obj.style.display='block';
- }
- }
- window.onload=function()
- {
- varolink=document.getElementById("link");
- varodiv=document.getElementById("thediv");
- olink.onclick=function()
- {
- Show_Hidden(odiv);
- returnfalse;
- }
- }
显示\隐藏切换 欢迎您
以上代码实现了我们的要求,点击顶部链接可以实现div显示和隐藏的切换。