function nselecttag(showContent, selfObj) {
    // 操作标签
    var tag = document.getElementById("notics").getElementsByTagName("li");
    var taglength = tag.length;
    for (i = 0; i < taglength; i++) {
        tag[i].className = "";
    }
    selfObj.parentNode.className = "nselectTag";
    // 操作内容
    for (i = 0; j = document.getElementById("ntagContent" + i); i++) {
        j.style.display = "none";
    }
    document.getElementById(showContent).style.display = "block";
}
在IE6下可用 但是在其他浏览器下出现布局乱了的问题,请问这里有问题吗  可否解释一下代码 JS不行啊。。 谢谢

解决方案 »

  1.   

    布局出问题应该是CSS样式的问题,应该跟上面的JS没关系
      

  2.   

    <div id="ntagcontent1">
    <marquee behavior="scroll" direction="up" loop="-1" scrollamount="1" 
            scrolldelay="0.5" style="height: 153px; width: 170px; margin-left: 6px;" 
            onmouseover="this.stop();" onMouseOut="this.start();"><%call label(4)%></marquee>
    </div>
    <div id="ntagcontent2">
    <marquee behavior="scroll" direction="up" loop="-1" scrollamount="1" 
            scrolldelay="0.5" style="height: 153px; width: 170px; margin-left: 6px;" 
            onmouseover="this.stop();" onMouseOut="this.start();"><%call label(11)%></marquee>
    </div>
    <div id="ntagcontent3">
    <marquee behavior="scroll" direction="up" loop="-1" scrollamount="1" 
            scrolldelay="0.5" style="height: 153px; width: 170px; margin-left: 6px;" 
            onmouseover="this.stop();" onMouseOut="this.start();"><%call label(12)%></marquee>
    </div>
    <div id="ntagcontent4">
    <marquee behavior="scroll" direction="up" loop="-1" scrollamount="1" 
            scrolldelay="0.5" style="height: 153px; width: 170px; margin-left: 6px;" 
            onmouseover="this.stop();" onMouseOut="this.start();">
    <%call label(13)%></marquee>
    </div>

    <ul id="notics">
    <li><a onMouseMove="nselecttag('ntagcontent1',this)" href="javascript:void(0)" class="a2">服务项目</a></li>
    <li><a onMouseMove="nselecttag('ntagcontent2',this)" href="javascript:void(0)" class="a2">优惠政策</a></li>
    <li><a onMouseMove="nselecttag('ntagcontent3',this)" href="javascript:void(0)" class="a2">会员章程</a></li>
    <li><a onMouseMove="nselecttag('ntagcontent4',this)" href="javascript:void(0)" class="a2">网点分布</a></li>
    </ul>是样式代码
      

  3.   

    应该更selfObj.parentNode.className = "nselectTag";
    这个样式有关,你把这个样式直接加在页面上调试看看