日期:2014-05-16  浏览次数:20386 次

请问下面的一小段javascript是什么意思?
<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>

------解决方案--------------------
这应该是一个类似于tabs切换的效果,或者父子级的二级菜单导航

HTML code
<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>

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