产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

请教高手TAB选项卡标题重叠!怎么搞啊 [复制链接]

1#
根据论坛的TAB选项卡总结帖,firemedia 作品
经过一天艰苦的努力,终于得到了效果
但是有个很大的问题,在显示的时候五个字标题叠在一起了
帮我看看我的代码吧,谢谢啦,让我头痛几天了
我的TAB栏自定义样式代码:
<div class="template_title"><span class="template_sign" id="H_1">税收业务</span> <span class="template_sign_1" id="H_2">征管系统</span> <span class="template_sign_1" id="H_3">防伪税控</span> <span class="template_sign_1" id="H_4">公文处理</span> <span class="template_sign_1" id="H_5">电脑知识</span> <span class="template_more"><a id="More_id" href="/index.aspx?menuid=16&type=article&lanmuid=124&language=cn#">more </a></span></div>
<script language=javascript>
function show_Hide(id)
  {
Module1=document.getElementById("template_20");
Module2=document.getElementById("template_39");
Module3=document.getElementById("template_40");
Module4=document.getElementById("template_42");
Module5=document.getElementById("template_43");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
H4=document.getElementById("H_4");
H5=document.getElementById("H_5");
MoreID=document.getElementById("More_id");
    Module1.style.display="none";
    Module2.style.display="none";
    Module3.style.display="none";
    Module4.style.display="none";
    Module5.style.display="none";
    H1.className="template_sign_1";
    H2.className="template_sign_1";
    H3.className="template_sign_1";    
    H4.className="template_sign_1";
    H5.className="template_sign_1";
    switch(id)
    {
      case "template_20":
          Module1.style.display="";
          MoreID.href="/index.aspx?menuid=16&type=article&lanmuid=124&language=cn#";
          MoreID.target="_self";
          H1.className="template_sign";
      break;
      case "template_39":
          Module2.style.display="";
          MoreID.href="/index.aspx?menuid=16&type=article&lanmuid=125&language=cn";
          MoreID.target="_self";
          H2.className="template_sign";
      break;
      case "template_40":
          Module3.style.display="";
          MoreID.href="/index.aspx?menuid=16&type=article&lanmuid=126&language=cn";
          MoreID.target="_blank";
          H3.className="template_sign";
      break;
      case "template_42":
          Module4.style.display="";
          MoreID.href="/index.aspx?menuid=16&type=article&lanmuid=127&language=cn";
          MoreID.target="_self";
          H4.className="template_sign";
      break;
      case "template_43":
          Module5.style.display="";
          MoreID.href="/index.aspx?menuid=16&type=article&lanmuid=128&language=cn";
          MoreID.target="_self";
          H5.className="template_sign";
      break;
    }
  }
</script>
出错地方.JPG (, 下载次数:128)

jpg(2010/11/4 16:33:31 上传)

出错地方.JPG

分享 转发
TOP
发新话题 回复该主题