高分求浏览器兼容性

Question

<script language="javascript">
    function ShowMenu(srcElm) { //v3.0
        var MenuTable = document.all["mod"];
        var menuList = document.all["sec_menu"];        for (i = 0; i < menuList.length; i++) {
                        if (MenuTable[i] == srcElm) {
               // MenuTable[i].style.background = "#ffffff";
                menuList[i].style.display = "";
                MenuTable[i].className = "cu1";            }
            else {
               // MenuTable[i].style.background = "";
                menuList[i].style.display = "none";
                MenuTable[i].className = "";
            }
        }
    }</script>
如上代码，求各浏览器都能正常显示！javascriptfunctionmenu浏览器

Answer 1

       function ShowMenu(srcElm) { //v3.0
           var MenuTable = document.getElementsByName("mod");
           var menuList = document.getElementsByName("sec_menu");           for (i = 0; i < menuList.length; i++) {
               if (MenuTable[i] == srcElm) {
                   // MenuTable[i].style.background = "#ffffff";
                   menuList[i].style.display = "";
                   MenuTable[i].className = "cu1";               }
               else {
                   // MenuTable[i].style.background = "";
                   menuList[i].style.display = "none";
                   MenuTable[i].className = "";
               }
           }
       }不知道你DOM结构，只能猜测mod，sec_menu是name的值了。。

Answer 2

以下是HTML代码

<div id="nav"> <ul>
<li><a href="/ur/" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("1234", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("1414", lan)%></a></li>
<!--<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod">1313</a></li>-->
           
<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("1515", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("aaaa", lan)%></a></li>
            <li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("bbbb", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("cccc", lan)%></a></li>
            <%int jjid = 2; if (lan == "en") jjid = 7; %>
<!--<li><a href="http://www.xxxx.com/" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod" target="_blank"><%=tool.Tran("eeeee", lan)%></a></li>
           --> <li><a href="/ur/newsview.aspx?id=<%=jjid %>" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod" ><%=tool.Tran("eded", lan)%></a></li>
            
           <!-- <li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod">安全退出</a></li>-->
            <li style=" border:none;"><a href="/ur/logout.aspx" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><%=tool.Tran("安全退出", lan)%></a></li>
<!-- <li><a href="/ur/logout.aspx" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><img style="padding:7px 0; margin:0 -7px" src="/stl/gray/images/exit.gif"></a></li> -->
</ul>
<div class="menu1">
<div id="sec_menu" style="display:none;"></div>
<div id="sec_menu" style="display:none;"><a href="/ur/user_up.aspx"><%= tool.Tran("更新sfwe", lan)%></a> | <a href="/ur/pwd_up.aspx"><%= tool.Tran("ffff", lan)%></a> | <a href="user_upgrade.aspx"><%= tool.Tran("aaaa", lan)%></a><!----> </div>
            <div id="sec_menu" style="display:none"><a href="/ur/user_list.aspx" ><%= tool.Tran("adfw", lan)%></a> | <a href="/ur/jiegou.aspx"><%= tool.Tran("eeef", lan)%></a> | <a href="/ur/user_reg.aspx"><%= tool.Tran("werwe", lan)%></a> | <a href="/ur/tree.aspx"><%= tool.Tran("sdfwe", lan)%></a><!--| <a href="/ur/zuserlist.aspx"><%= tool.Tran("fdsfew", lan)%></a>--></div>
<div id="sec_menu" style="display:none"><a href="/ur/jjtj.aspx" ><%= tool.Tran("few", lan)%></a> | <a href="/ur/jj_list.aspx" ><%= tool.Tran("adfw", lan)%></a></div>
<div id="sec_menu" style="display:none"><a href="/ur/hb_list.aspx"><%= tool.Tran("sdfw", lan)%></a> | <a href="/ur/hb_out.aspx" ><%= tool.Tran("sdfwe", lan)%></a> | <a href="/ur/hb_tx.aspx"><%= tool.Tran("sdfwe", lan)%></a> | <a href="/ur/hb_turn.aspx"><%= tool.Tran("wefdf", lan)%></a><!----></div>
<div id="sec_menu" style="display:none; margin-left:100px"><a href="/ur/ggao.aspx"><%= tool.Tran("sfrwe", lan)%></a> | <a href="/ur/ly_list.aspx"><%= tool.Tran("asdfw", lan)%></a> | <a href="/ur/add_ly.aspx"><%= tool.Tran("wefsd", lan)%></a>&nbsp;</div>
<!--<div id="sec_menu" style="display:none"></div>-->
            <div id="sec_menu" style="display:none; margin-left:350px"></div>
<div id="sec_menu" style="display:none"></div>
</div>
</div>

Answer 3

ID不要有重复的，你加个后缀吧。<script type="text/javascript">
function ShowMenu(srcElm) { //v3.0
var _parent = document.getElementById('nav');
        var MenuTable = _parent.getElementsByTagName('li');
        for (var i = 0; i < MenuTable.length; i++) {
               // MenuTable[i].style.background = "";
                document.getElementById('sec_menu_'+i).style.display = "none";
                document.getElementById('mod_'+i).className = "";
        }
        document.getElementById('sec_menu_'+srcElm.id.substr(4)).style.display = "";
        srcElm.className = "cu1";
    }
</script>
<div id="nav">
<ul>
<li><a href="/ur/" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_0"><%=tool.Tran("1234", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_1"><%=tool.Tran("1414", lan)%></a></li>
<!--<li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod">1313</a></li>--> <li><a href="#" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_2"><%=tool.Tran("1515", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_3"><%=tool.Tran("aaaa", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_4"><%=tool.Tran("bbbb", lan)%></a></li>
<li><a href="#" onMouseOut="ShowMenu(this)"
onMouseOver="ShowMenu(this)" id="mod_5"><%=tool.Tran("cccc", lan)%></a></li>
<%int jjid = 2; if (lan == "en") jjid = 7; %>
<!--<li><a href="http://www.xxxx.com/" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod" target="_blank"><%=tool.Tran("eeeee", lan)%></a></li>
           -->
<li><a href="/ur/newsview.aspx?id=<%=jjid %>"
onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod_6"><%=tool.Tran("eded",
lan)%></a></li> <!-- <li><a href="#" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod">安全退出</a></li>-->
<li style="border: none;"><a href="/ur/logout.aspx"
onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod_7"><%=tool.Tran("安全退出",
lan)%></a></li>
<!-- <li><a href="/ur/logout.aspx" onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod"><img style="padding:7px 0; margin:0 -7px" src="/stl/gray/images/exit.gif"></a></li> -->
</ul>
<div class="menu1">
<div id="sec_menu_0" style="display: none;"></div>
<div id="sec_menu_1" style="display: none;">
<a href="/ur/user_up.aspx"><%= tool.Tran("更新sfwe", lan)%></a> | <a
href="/ur/pwd_up.aspx"><%= tool.Tran("ffff", lan)%></a> | <a
href="user_upgrade.aspx"><%= tool.Tran("aaaa", lan)%></a>
<!---->
</div>
<div id="sec_menu_2" style="display: none">
<a href="/ur/user_list.aspx"><%= tool.Tran("adfw", lan)%></a> | <a
href="/ur/jiegou.aspx"><%= tool.Tran("eeef", lan)%></a> | <a
href="/ur/user_reg.aspx"><%= tool.Tran("werwe", lan)%></a> | <a
href="/ur/tree.aspx"><%= tool.Tran("sdfwe", lan)%></a>
<!--| <a href="/ur/zuserlist.aspx"><%= tool.Tran("fdsfew", lan)%></a>-->
</div>
<div id="sec_menu_3" style="display: none">
<a href="/ur/jjtj.aspx"><%= tool.Tran("few", lan)%></a> | <a
href="/ur/jj_list.aspx"><%= tool.Tran("adfw", lan)%></a>
</div>
<div id="sec_menu_4" style="display: none">
<a href="/ur/hb_list.aspx"><%= tool.Tran("sdfw", lan)%></a> | <a
href="/ur/hb_out.aspx"><%= tool.Tran("sdfwe", lan)%></a> | <a
href="/ur/hb_tx.aspx"><%= tool.Tran("sdfwe", lan)%></a> | <a
href="/ur/hb_turn.aspx"><%= tool.Tran("wefdf", lan)%></a>
<!---->
</div>
<div id="sec_menu_5" style="display: none; margin-left: 100px">
<a href="/ur/ggao.aspx"><%= tool.Tran("sfrwe", lan)%></a> | <a
href="/ur/ly_list.aspx"><%= tool.Tran("asdfw", lan)%></a> | <a
href="/ur/add_ly.aspx"><%= tool.Tran("wefsd", lan)%></a>&nbsp;
</div>
<!--<div id="sec_menu" style="display:none"></div>-->
<div id="sec_menu_6" style="display: none; margin-left: 350px"></div>
<div id="sec_menu_7" style="display: none"></div>
</div>
</div>