欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

js tab 设置className 设置类名

shiping1 的头像
// JavaScript Document
function hd(num){
    
        for(var id = 0;id<=4;id++)
        {
            if(id==num)
            {
                document.getElementById("tab_show"+id).style.display="block";
                document.getElementById("tab"+id).className="hover";
            }
            else
            {
                document.getElementById("tab_show"+id).style.display="none";
                document.getElementById("tab"+id).className="normal";
            }
        }
    }
    
    function hd_1(num){
    
        for(var id = 0;id<=4;id++)
        {
            if(id==num)
            {
                document.getElementById("tab_show_1_"+id).style.display="block";
                document.getElementById("tab_1_"+id).className="hover";
            }
            else
            {
                document.getElementById("tab_show_1_"+id).style.display="none";
                document.getElementById("tab_1_"+id).className="normal";
            }
        }
    }
    
    function hd_2(num){
    
        for(var id = 0;id<=3;id++)
        {
            if(id==num)
            {
                document.getElementById("tab_2_"+id).className="hover";
            }
            else
            {
                document.getElementById("tab_2_"+id).className="normal";
                if(id == 1 && num==0){
                    document.getElementById("tab_2_"+id).className="normal right_xian";    
                }
            }
            
        }
    }
    
    
    
        function qcjdtab(num)
        {
    
            for(var id = 0;id<2;id++)
            {
                if(id==num)
                {
                    document.getElementById("qcjd_show"+id).style.display="block";
                    document.getElementById("qcjdtab_"+id).className="qcjd_active";
                }
                else
                {
                    document.getElementById("qcjd_show"+id).style.display="none";
                    document.getElementById("qcjdtab_"+id).className="qcjd_normal";
                }
            }
        }
        
    function qcjdtab_f(num)
        {
    
            for(var id = 0;id<2;id++)
            {
                if(id==num)
                {
                    document.getElementById("qcjd_show_f"+id).style.display="block";
                    document.getElementById("qcjdtab_f_"+id).className="qcjd_active";
                }
                else
                {
                    document.getElementById("qcjd_show_f"+id).style.display="none";
                    document.getElementById("qcjdtab_f_"+id).className="qcjd_normal";
                }
            }
        }
    
    
        function showTabContent(num)
        {
            for(var id = 0;id<3;id++)
            {
                if(id==num)
                {
                    
                    document.getElementById("sc_list"+id).style.display="block";
                    document.getElementById("sc_tab"+id).className="curr";
                }
                else
                {
                    document.getElementById("sc_list"+id).style.display="none";
                    document.getElementById("sc_tab"+id).className="normal";
                }
            }
            
                
                  document.getElementById("sc_tab2").className=document.getElementById("sc_tab2").className+" nomargin";
                  
            
        }
  
普通分类: