发布一个由js解析XML生成弹出菜单导航

本帖最后由 llpoo 于 2009-09-18 19:41:38 编辑

解决方案 »

  1.   

    ---------------------------------------------调用----------------------------
    <script language="javascript"  src="xmlNav.js" charset="utf-8"></script>
    <style type="text/css">
    body{margin:0px; background-color:#000}
    a{width:100%; height:100%;}
    a:link{text-decoration:none; color:#000}
    a:visited{text-decoration:none;color:#000}
    a:hover{text-decoration:none;color:#000}
    a:active{text-decoration:none;color:#000}
    </style>
    <body>
    <table width="100%" height="100%"><tr><td><center>
    <table  border="0" style="text-align:center;" cellpadding="0" cellspacing="0">     
        <tr>
         <td rowspan="3"><div class="navl" id="navl2" style="width:100; height:20"></div> </td>
            <td><div class="navl" id="navl0" style="width:100; height:20"></div> </td>
            <td rowspan="3"> <div class="navl" id="navl3" style="width:100; height:20"></div></td>
        </tr>
        <tr>
         <td ><div class="navl" id="navl1" style="width:100; height:20; margin-top:10px;"></div></td>        
        </tr>
        <tr>
         <td ><div class="navl" id="default" style="width:100; height:20; margin-top:10px;"></div></td>        
        </tr>
    </table>
    </center></td></tr></table>
    </div><script language="javascript"> var css_ul="cursor:pointer;width:100;height:20;font-size:12px;";
    var css_li="background-color:#02fee9;border:1px solid #000;";
    var xmlNav=new XmlNav();
    xmlNav.el="navl0";
    xmlNav.xmlUrl="xmlNav0.xml";
    xmlNav.layout=xmlNav.LAYOUT_UP;
    xmlNav.ulCssText=css_ul;
    xmlNav.liCssText=css_li;
    xmlNav.colorWhenOver="#e4f9f7";
    xmlNav.colorWhenOut="#02fee9";
    xmlNav.hrefTarget="_blank"
    xmlNav.create();
    </script>