Question

谁能帮我解释一下面这段代码中的js每行是什么意思？谢谢

<style>
.normaltab{border-right:#ccc 1px solid; display:block; float:left; width: 80px; cursor:pointer; color:#333333; line-height:24px; height:24px; text-align:center; text-decoration:none;}
.dis{display:block;}
.undis{display:none;}
.tbtn1 {border:#ccc 1px solid;}

.tbtncon { height:24px;}
.tbtncon li {border-right:#ccc 1px solid; display:block; float:left; width: 80px; cursor:pointer; color:#696261; font-size:12px; font-weight:bold; line-height:24px; height:24px; text-align:center; text-decoration:none;}
.tbtncon li:hover {text-decoration:none;}
.tbtncon li.curr {background: #fff; cursor:pointer; color: #C11407; font-weight:bold;}

</style>
<script type="text/javascript">
function g(o){
return document.getElementById(o);
}
function HoverLi(m,n,b,counter){
for(var i=1;i<=counter;i++){
g('tb_'+m+i).className='normaltab';
g('tbc_'+m+i).className='undis';
}
g('tbc_'+m+n).className='dis';
g('tb_'+m+n).className='curr';
}
</script>
<div id="tb_0" class="tbtncon">
<ul>
<li id="tb_11" class="curr" onclick="HoverLi(1,1,3);">最新资讯</li>
<li id="tb_12" onclick="HoverLi(1,2,3);">热点关注</li>
<li id="tb_13" onclick="HoverLi(1,3,3);">热门推荐</li>
</ul>
</div>
<div class="list_content h200">
<div id="tbc_11" class="dis">一</div>
<div id="tbc_12" class="undis">二</div>
<div id="tbc_13" class="undis">三</div>
</div>
麻烦根据上下文解释一下 那个tb m tbc n 都是什么 还有123 133 113 是什么意思 tbc_11 这些都是什么意思

Answer 1

function g(o){
return document.getElementById(o);//获取id为o的元素
}
//根据对应的li显示对应的内容
function HoverLi(m,n,b,counter){
for(var i=1;i<=counter;i++){ //循环
g('tb_'+m+i).className='normaltab';//将id为tb+m+i的style样式设成'normaltab'显示
g('tbc_'+m+i).className='undis';//将id为tbc+m+i的style样式设成'undis'隐藏
}
g('tbc_'+m+n).className='dis';//同上
g('tb_'+m+n).className='curr';同上
}

Answer 2

JS的东西楼上都解释了,tb,tbc,123这些东西是自定义的标签ID值,和js扯不上关系