// XML文件 <?xml version="1.0" encoding="gb2312"?> <root> <father name="菜单一"> <Child url="right.html" enable="false">子项1</Child> <Child url="right.html" enable="false">子项2</Child> <Child url="right.html" enable="false">子项3</Child> </father> <father name="菜单二"> <Child url="right.html" enable="false">子项3</Child> <Child url="right.html" enable="false">子项4</Child> </father> </root> // js 文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="JavaScript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //导航切换 $(".menuson li").click(function(){ $(".menuson li.active").removeClass("active") $(this).addClass("active"); }); $('.title').click(function(){ var $ul = $(this).next('ul'); $('dd').find('ul').slideUp(); if($ul.is(':visible')){ $(this).next('ul').slideUp(); }else{ $(this).next('ul').slideDown(); } }); }) </script> </head> <body style="background:#f0f9fd;"> <div class="lefttop"><span></span>菜 单</div> <dl id="leftmenu" class="leftmenu"> <SCRIPT> var xmlDom = null; if (window.ActiveXObject) { alert("aa"); xmlDom = new ActiveXObject("Microsoft.XMLDOM"); //xmlDom.loadXML(xmlFile);//如果用的是XML字符串 xmlDom.load(LeftXML.xml); //如果用的是xml文件。 } else if (document.implementation && document.implementation.createDocument) { var xmlhttp = new window.XMLHttpRequest(); xmlhttp.open("GET", "LeftXML.xml", false); xmlhttp.send(null); xmlDom = xmlhttp.responseXML.documentElement;//一定要有根节点(否则google浏览器读取不了) } else { xmlDom = null; } var finallyArray=""; for (var i = 0; i < xmlDom.getElementsByTagName("father").length; i++) { var menuString = xmlDom.getElementsByTagName("father")[i].attributes[0].value; finallyArray += "<dd><div class='title'><span><img src='images/leftico02.png' /></span>" + menuString + "</div><ul class='menuson'>"; for (var j = 0; j < xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child").length; j++) { var _childfirst = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].textContent; var _childsecond = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].attributes[0].value; var _childsecond = xmlDom.getElementsByTagName("father")[i].getElementsByTagName("Child")[j].attributes[1].value; finallyArray = finallyArray + "<li><cite></cite><a href=" + _childsecond + " target='rightFrame'>" + _childfirst + "</a><i></i></li>"; } finallyArray += "</ul></dd>"; } document.getElementById("leftmenu").innerHTML = finallyArray; </SCRIPT> </dl> </body> </html>