很多门户网站中常见的既可以在页面呈现内容,又可以节省空间的HTML代码。

很多门户网站中常见的既可以在页面呈现内容,又可以节省空间的代码。

<html>
<head>
<script language="javascript">
function changBg(obj,id)
{ objUl=obj.parentNode.parentNode;
  listA
= objUl.getElementsByTagName("A");
  
for(i=0;i<listA.length;i++)
  
{    index=i+1
    
if(index==id)
    
{   cname="loginMenu"+index+"on";
        
//listA[i].className= cname
        document.getElementById("login"+index).style.display="block";
    }
 else{
        cname
="loginMenu"+index;
        
//listA[i].className= cname
        document.getElementById("login"+index).style.display="none";
    }

  }
  
}

</script>
</head>
<body>
    
        
<div >
            
<div >
                
<href="javascript:void(0);"  onclick="changBg(this,1);return false;" onfocus="this.blur()">帐套管理</a>
                
<href="javascript:void(0);"  onclick="changBg(this,2);return false;" onfocus="this.blur()">工资表管理</a>
                
<href="javascript:void(0);"  onclick="changBg(this,3);return false;" onfocus="this.blur()">其它</a>
                
<href="javascript:void(0);"  onclick="changBg(this,4);return false;" onfocus="this.blur()">其它4</a>
            
</div>
      
            
<div  id="login1" style="padding-left:20px;width:260px;display:none;">
                    11111
&nbsp;
            
</div>
            
                        
            
<div  id="login2" style="display:block;">
                aaaaaa                                    
            
</div>
            
            
<div  id="login3" style="display:none;">
                    bbbbbb
            
</div>
            
<table id="login4" style="display:none"><tr><td>帐套管理</td></tr></table>
            
                        
        
</div>

            
</body>
</html>

posted @ 2008-01-25 13:51  狐狸马三  阅读(454)  评论(0编辑  收藏  举报