帝国cms5.1如何解决首页二级导航显示问题，下面我们来总结了一下：
一、需要改的地方有3处
1.位于web/skin/default/js/下的tabs.js把里面的内容改为
function tabit(btn) {
var idname = new String(btn.id);
var s = idname.indexOf("_");
var e = idname.lastIndexOf("_") + 1;
var tabName = idname.substr(0, s);
var id = parseInt(idname.substr(e, 1));
var tabNumber = btn.parentNode.childNodes.length;
for (i = 0; i < tabNumber; i++) {
document.getElementById(tabName + "_div_" + i).style.display = "none";
document.getElementById(tabName + "_btn_" + i).className = "";
};
document.getElementById(tabName + "_div_" + id).style.display = "block";
btn.className = "curr";
};
function etabit(btn8) {
var idname = new String(btn8.id);
var s = idname.indexOf("_");
var e = idname.lastIndexOf("_") + 1;
var tabName = idname.substr(0, s);
var id = parseInt(idname.substr(e, 1));
var tabNumber = btn8.parentNode.childNodes.length;
for (i = 0; i < tabNumber; i++) {
document.getElementById(tabName + "_div_" + i).style.display = "none";
document.getElementById(tabName + "_btn8_" + i).className = "";
};
document.getElementById(tabName + "_div_" + id).style.display = "block";
btn8.className = "curr";
};
2.打开后台-模板管理-管理模板变量-[!–temp.header–] 在末尾</table>标记前加入以下代码：
<tr>
<td class=nav_sub>
<!– 子栏目导航 –>
<div id=tabnav_div_0></div>
<div id=tabnav_div_1 style="DISPLAY: none">[showclasstemp]2,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_2 style="DISPLAY: none">[showclasstemp]65,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_3 style="DISPLAY: none">[showclasstemp]60,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_4 style="DISPLAY: none">[showclasstemp]4,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_5 style="DISPLAY: none">[showclasstemp]8,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_6 style="DISPLAY: none">[showclasstemp]3,1,0,0[/showclasstemp]</div>
<div id=tabnav_div_7 style="DISPLAY: none">|
<a href="#">CMS代码网</a>|
<a href="#">郎咸平专区</a>|</div></td>
</tr>
3.打开后台修改首页模板选项-找到代码"tab1_btn"改为“tab1_btn8”(在tab选项卡的下面共有4处)也就是对应tabs.js里的btn8 注意：[showclasstemp]2,1,0,0[/showclasstemp]标签的内容根据你的网站情况填写，由于我的网站最后一个栏目是外部链接所以我填的实际地址，栏目可以随意删除/修改，但必须保证 id="tabnav_btn_0" – …… – id="tabnav_btn_9" 与 id="tabnav_div_0" – …… – id="tabnav_div_9" 能一一对应。(当然，也不一定就刚好是9，更多更少都行) 在浏览器里打开首页点击查看源文件看以看到id="tabnav_btn_0" – …… – id="tabnav_btn_9"在-[!–temp.header–] 里修改id="tabnav_div_0" – …… – id="tabnav_div_9"使之对应即可。 修改对象：/skin/default/css/style.css。查找以下代码修改为合适的左边距。最后别忘了刷新一下首页就能看见漂亮的二级导航菜单 ——————————————————————————–
/* 子栏目导航菜单距离调整 */
#tabnav_div_1 {
}#tabnav_div_2 {
padding-left:100px;
}
#tabnav_div_3 {
padding-left:200px;
}
#tabnav_div_4 {
padding-left:300px;
}
#tabnav_div_5 {
padding-left:400px;
}
#tabnav_div_6 {
padding-left:500px;
}
#tabnav_div_7 {
padding-left:600px;
}
#tabnav_div_8 {
padding-right:40px;
text-align:right;
}
标签： btn, CMS网站, idname, js换行, var
上面是“帝国CMS5.1如何解决首页二级导航显示问题”的全面内容，想了解更多关于 帝国cms 内容，请继续关注web建站教程。
当前网址：https://m.ipkd.cn/webs_1274.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
