高分求浏览器兼容性,该怎么处理

2013-03-01

高分求浏览器兼容性script languagejavascriptfunction ShowMenu(srcElm) { //v3.0var MenuTable d

高分求浏览器兼容性
<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>
如上代码，求各浏览器都能正常显示！ javascript function menu 浏览器
[解决办法]

       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的值了。。
[解决办法]
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_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="/ur/newsview.aspx?id=<%=jjid %>"
onMouseOut="ShowMenu(this)" onMouseOver="ShowMenu(this)" id="mod_6"><%=tool.Tran("eded",
lan)%></a></li>

[解决办法]
<a
href="/ur/ly_list.aspx"><%= tool.Tran("asdfw", lan)%></a>
[解决办法]
<a
href="/ur/add_ly.aspx"><%= tool.Tran("wefsd", lan)%></a> 
</div>

<div id="sec_menu_6" style="display: none; margin-left: 350px"></div>
<div id="sec_menu_7" style="display: none"></div>
</div>
</div>

热点排行

JavaScript

高分求浏览器兼容性,该怎么处理