这个效果应该不算什么稀奇，网上也有现成的代码，我这个也没什么特别的地方，只是因为我自己写的，也算是为学习DOM后一个练习；在IE下测试通过；
（最近又写了一个，当然不再是为了练习；请参看：javascript操作xml生成树形菜单（一）描述）
实现效果是这样的：
读取XML文档；
采用递归生成无限级的树形菜单；
能够响应鼠标事件，展开与拆叠子级菜单；
首先是生成一个XML文档，我用的是XML Spy的编辑器；
<?xml version="1.0" encoding="utf-8"?>
<menu>
<menu name="明星名人">
<menu name="华人明星" url="">
<menu name="大陆新秀" url="">
<menu name="周笔畅" url="http://post.baidu.com/f?kw=%D6%DC%B1%CA%B3%A9" target="_blank"/>
<menu name="周笔畅" url="http://post.baidu.com/f?kw=%D6%DC%B1%CA%B3%A9" target="_blank"/>
<menu name="周笔畅" url="http://post.baidu.com/f?kw=%D6%DC%B1%CA%B3%A9" target="_blank"/>
</menu>
<menu name="香港" url="">
<menu name="成龙" url="http://post.baidu.com/f?kw=%B3%C9%C1%FA" target="_blank"/>
</menu>
</menu>
<menu name="日韩明星" url="Admin_Dep.aspx">
&
由于火狐浏览器不支持“removeNode”函数，所以一下代码只支持IE.
<!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>
< ......
<mce:script type="text/javascript"><!--
document.write("<table border=1px border-color=red>"); //表格开始
for (h = 1; h <= 10; h++) {
document.write("<tr>"); //开始第一行
for (s = 1; s <= 10; s++) {
var num = (h-1)*10+s; ......
