找人翻译一下下面的js代码，因本人是初学只能看明白一点，-----感激
<bodybgcolor="#333333";><scripttype="text/javascript">functionnTabs(thisObj,Num){//--...
<body bgcolor="#333333";>
<script type="text/javascript">
function nTabs(thisObj,Num){ //---麻烦翻译一下
if(thisObj.className == "active")return; //---麻烦翻译一下
var tabObj = thisObj.parentNode.id; //---麻烦翻译一下
var tabList = document.getElementById(tabObj).getElementsByTagName("li");//---麻烦翻译一下
for(i=0; i <tabList.length; i++){//---麻烦翻译一下
if (i == Num){//---麻烦翻译一下
thisObj.className = "active"; //---麻烦翻译一下
document.getElementById(tabObj+"_Content"+i).style.display = "block";//---麻烦翻译一下
}else{
tabList[i].className = "normal"; //---麻烦翻译一下
document.getElementById(tabObj+"_Content"+i).style.display = "none";//---麻烦翻译一下
}}}
</script>
<div class="nTab">
<ul id="myTab1">
<li class="active" onclick="nTabs(this,0);">标题一</li>
<li class="normal" onclick="nTabs(this,1);">标题二</li>
</ul>
</div>
<!-------------->
<div class="TabContent">
<div id="myTab1_Content0">123</div></div>
<div id="myTab1_Content1" class="none">456s</div> 展开
<script type="text/javascript">
function nTabs(thisObj,Num){ //---麻烦翻译一下
if(thisObj.className == "active")return; //---麻烦翻译一下
var tabObj = thisObj.parentNode.id; //---麻烦翻译一下
var tabList = document.getElementById(tabObj).getElementsByTagName("li");//---麻烦翻译一下
for(i=0; i <tabList.length; i++){//---麻烦翻译一下
if (i == Num){//---麻烦翻译一下
thisObj.className = "active"; //---麻烦翻译一下
document.getElementById(tabObj+"_Content"+i).style.display = "block";//---麻烦翻译一下
}else{
tabList[i].className = "normal"; //---麻烦翻译一下
document.getElementById(tabObj+"_Content"+i).style.display = "none";//---麻烦翻译一下
}}}
</script>
<div class="nTab">
<ul id="myTab1">
<li class="active" onclick="nTabs(this,0);">标题一</li>
<li class="normal" onclick="nTabs(this,1);">标题二</li>
</ul>
</div>
<!-------------->
<div class="TabContent">
<div id="myTab1_Content0">123</div></div>
<div id="myTab1_Content1" class="none">456s</div> 展开
2个回答
展开全部
整个代码实现的是tab 菜单样子。当然，更好是直接使用omMouseMove。
原理display:block(显示)none（关闭）
如下：
<script type="text/javascript">
function nTabs(thisObj,Num){ //---获取哪个div,要显示，及显示，隐匿的标签数目
if(thisObj.className == "active")return; //---此句未起任何作用，可删除
var tabObj = thisObj.parentNode.id; //---得到父节点名
var tabList = document.getElementById(tabObj).getElementsByTagName("li");//---父节点下的li标签名。
for(i=0; i <tabList.length; i++){//---length来，找到其下的所有li标签。即，遍历一下所有存在的li
if (i == Num){//---当i与num相同时，执行以下操作
thisObj.className = "active"; //---将其改成active
document.getElementById(tabObj+"_Content"+i).style.display = "block";//block为显示其内容
}else{
tabList[i].className = "normal"; //将其名改成normal
document.getElementById(tabObj+"_Content"+i).style.display = "none";//不显示
}}}
</script>
原理display:block(显示)none（关闭）
如下：
<script type="text/javascript">
function nTabs(thisObj,Num){ //---获取哪个div,要显示，及显示，隐匿的标签数目
if(thisObj.className == "active")return; //---此句未起任何作用，可删除
var tabObj = thisObj.parentNode.id; //---得到父节点名
var tabList = document.getElementById(tabObj).getElementsByTagName("li");//---父节点下的li标签名。
for(i=0; i <tabList.length; i++){//---length来，找到其下的所有li标签。即，遍历一下所有存在的li
if (i == Num){//---当i与num相同时，执行以下操作
thisObj.className = "active"; //---将其改成active
document.getElementById(tabObj+"_Content"+i).style.display = "block";//block为显示其内容
}else{
tabList[i].className = "normal"; //将其名改成normal
document.getElementById(tabObj+"_Content"+i).style.display = "none";//不显示
}}}
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议自己查下API吧 我比较懒 就不给你翻译了 ,, 呵呵 贴上w3cschool 要学会自立哦 自己研究的话 印象会深刻点
http://www.w3school.com.cn/htmldom/htmldom_reference.asp
http://www.w3school.com.cn/js/js_reference.asp
http://www.w3school.com.cn/htmldom/htmldom_reference.asp
http://www.w3school.com.cn/js/js_reference.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
