日期:2014-05-16 浏览次数:20394 次
<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。挺简单的,如果你阅读起来有问题,说明要加强基础哦。