<script>
function setTab(cursel,n)
{
for(i=1;i<=n;i++)
{
var menu=document.getElementById("tab_"+i);
var con=document.getElementById("con_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
</script>

解决方案 »

  1.   

    这应该是一个类似于tabs切换的效果,或者父子级的二级菜单导航<script>
    /*
      cursel:这个应该是指定需切换样式的tabs标头的索引
      n:应该是tabs的总长度
    */
    function setTab(cursel,n){
    for(i=1;i<=n;i++){//对所有容器进行遍历
    var menu=document.getElementById("tab_"+i);//通过tab_+i来组合ID,获取操作对象
    var con=document.getElementById("con_"+i);//通过con_i组合ID,获取操作对象
    menu.className=i==cursel?"hover":"";//如果当前对象的索引值与指定的cursel相同,则更换menu的className='hover',否则清空已有的定义
    con.style.display=i==cursel?"block":"none";//如果当前对象的索引值与指定的cursel相同,则让con显示出来,否则隐藏
    }
    }
    </script>
      

  2.   

    就是有n个元素,如果i等于cursel就给menu设置.hover的CSS,同时显示con,其他的就不设置.hover的css,不显示con。挺简单的,如果你阅读起来有问题,说明要加强基础哦。
      

  3.   

    我正在学div+css,学到做tab面板的时候,教程中用到了javascript,我就理解不了。谢谢。