第一步:
网站栏目管理---模块样式设置
新建个模块样式TAB(名字自己随便取)
点击:模块设置--模块容器样式中写上Display:none;
第二步:
网站栏目设置:选择你所需建的页面,例首页。点击“栏目管理”里的模块设置进入。新建模块名称,"TAB选项卡"(名字自己随便取)
点击右边小箭头进入:选择隐藏默认模块标志。在自定义头信息里以源代码状态写入以下内容:
<script language=javascript>
function show_Hide(id)
{
Module1=document.getElementById("Module_19");
Module2=document.getElementById("Module_20");
Module3=document.getElementById("Module_22");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
MoreID=document.getElementById("More_id");
Module1.style.display="none";
Module2.style.display="none";
Module3.style.display="none";
H1.className="template_sign_1";
H2.className="template_sign_1";
H3.className="template_sign_1";
switch(id)
{
case "Module_19":
Module1.style.display="";
H1.className="template_sign";
MoreID.href="/cn/article/lanmu_24_80.html";
break;
case "Module_20":
Module2.style.display="";
H2.className="template_sign";
MoreID.href="/cn/article/lanmu_22_59.html";
break;
case "Module_22":
Module3.style.display="";
H3.className="template_sign";
MoreID.href="/cn/introduct/lanmu_24_57.html";
break;
}
}
//注释:template_sign_1和template_sign分别表示鼠标离开或经过的样式
</script>
<table height="25" cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
<tbody>
<tr>
<td><span class="template_sign" id="H_1" >新闻</span></td>
<td><span class="template_sign_1" id="H_2" >产品</span></td>
<td><span class="template_sign_1" id="H_3" >简介</span></td>
<td><span class="template_more"><a id="More_id" href="/cn/article/lanmu_24_80.html">more </a></span></td>
</tr>
</tbody>
</table>
模块的ID可以在后台鼠标移动到模块名称行上时会显示,也可以自看前台源代码中的ID。
第三步:同第二步……依次建立选项卡模块内容“新闻”、“产品”、“简介”。
并依次点击右边的小箭头进入:选择隐藏默认模块标志。在模块风格中选择“TAB”(第一步您建立的模块样式)。
OK!大功告成。。。