使用JSP如何制作一个折叠式的导航菜单

[eHuaTian]

使用JSP如何制作一个折叠式的导航菜单，样式如：http://gwt.google.com/samples/Mail/Mail.html的左侧栏。最好能有一些详细的说明或文档。谢谢

[zhengyu119079436]

做那样的树形菜单有点麻烦，它的原理其实就是把图片拼接起来形成的菜单。
<script type="text/javascript">

d = new dTree('d');

d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');

document.write(d);

</script>

这一段代码是把菜单打印出来，需要用到别人做好的css文件，和js文件，像下面

<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>

这里用到的 dtree.css 和 dtree.js 你自己去网上下载，我不知道这里怎么添加附件！
除了这两个文件还有一个 img 文件夹，里面是拼成树形要用的图片，都弄齐全后就OK了！

[eHuaTian]

谢谢。我现在要做一个动态菜单，菜单的节点从数据库中动态读取并生成。网上哪有详细的帮助或说明文档。万分焦急丫

[yhjhoo]

呵呵，这个你用火狐的插件（firebug）查看一下，仿制下来不就行了吗

[noside]

其实这也不关jsp什么事，就是html的问题
如果只是要做成http://gwt.google.com/samples/Mail/Mail.html的样子，有个很好的方法
安装Dreamweaver，里面有这样的例子，分析代码再改成动态的也不难了

[小时候很凶_tusiji]

你用ADOBE 公司的 Dreamwere cs3 可以生成