js解析xml文件实现下拉导航(求源码)请不要用JQURY

导航js源码xml

解决方案 »

  1.   

    ？？？？？？？  只是做js解析xml文件实现下拉导航，不做页面
      

  2.   

    ajax加载xml文件得到xmldom，xmldom和document对象差不多，通过getElementsByTagName方法遍历节点javascritp解析xml下拉菜单比较简单，css就搞定，不一定用js
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <style>
    ul,li{list-style:none;margin:0px;padding:0px}
    ul.menu li{float:left;position:relative;margin-right:5px}
    ul.menu ul{display:none;position:absolute;left:0px;}
    ul.menu ul li{float:none}
    ul.menu li:hover ul{display:block}
    </style>
    <ul class="menu">
    <li>menu1<ul><li>menu1_1</li><li>menu1_2</li><li>menu1_3</li></ul></li>
    <li>menu2<ul><li>menu2_1</li><li>menu2_2</li><li>menu2_3</li></ul></li>
    <li>menu3<ul><li>menu3_1</li></ul></li>
    <li>menu4<ul><li>menu4_1</li></ul></li>
    </ul>
      

  3.   

    大哥，我要从xml文件解析出来，然后实现上述功能。不是这么简单的写死
      

  4.   

    由于有浏览器兼容问题，就不贴代码了
    你认真看一下这个链接就都知道了 http://www.w3school.com.cn/xmldom/dom_loadxmldoc.asp
      

  5.   

    。。我是让你看如何解析xml，然后生成我给你的html示例代码。。
      

  6.   

    参考: Using XML and JavaScript for navigation