jsp树型结构

现在用jsp开发，碰到了一个难题，就是要实现树型结构，说简单一点，就是windows资源管理器形式。但是一点头绪都没有，先说明，我是一个初学者。有没有适合初学者的视频教程啊。给我介绍的越详细越好，因为我真是一个初学者。谢谢！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

使用js脚本
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>仿QQ导航菜单－www.51windows.Net</title>
<style type="text/css">
.titleStyle {
background-color: #008800;
color: #ffffff;
border-top: 1px solid #FFFFFF;
font-size: 9pt;
cursor: hand;
}.contentStyle {
background-color: #eeffee;
color: blue;
font-size: 9pt;
}a {
color: blue;
}body {
font-size: 9pt;
}
</style>
</head>
<body><script language="JavaScript">
var layerTop = 20; //菜单顶边距
var layerLeft = 30; //菜单左边距
var layerWidth = 140; //菜单总宽
var titleHeight = 20; //标题栏高度
var contentHeight = 200; //内容区高度
var stepNo = 10; //移动步数，数值越大移动越慢  var itemNo = 0;
runtimes = 0;
document
   .write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #008800;left:'
     + layerLeft
     + ';top:'
     + layerTop
     + ';width:'
     + layerWidth
     + ';">'); function addItem(itemTitle, itemContent) {
  itemHTML = '<div id=item' + itemNo + ' itemIndex=' + itemNo
    + ' style="position:relative;left:0;top:'
    + (-contentHeight * itemNo) + ';width:' + layerWidth
    + ';"><table width=100% cellspacing="0" cellpadding="0">'
    + '<tr><td height=' + titleHeight + ' onclick=changeItem('
    + itemNo + ') class="titleStyle" align=center>' + itemTitle
    + '</td></tr>' + '<tr><td height=' + contentHeight
    + ' class="contentStyle">' + itemContent
    + '</td></tr></table></div>';
  document.write(itemHTML);
  itemNo++;
}
//添加菜单标题和内容，可任意多项，注意格式：
addItem('欢迎', '<BR>　　欢迎光临设计在线！');
addItem(
   '网页陶吧',
   '<center><a href="#">网页工具</a> <BR><BR><a href="#">技术平台</a> <BR><BR><a href="#">设计理念</a> <BR><BR><a href="#">更多</a></center>');
addItem(
   '美工教室',
   '<center><a href="#">平面设计 </a> <BR><BR><a href="#">三维空间</a> <BR><BR><a href="#">设计基础</a> <BR><BR><a href="#">更多..</a></center>');
addItem(
   'Flash',
   '<center><a href="#">基础教程</a> <BR><BR><a href="#">技巧运用</a> <BR><BR><a href="#">实例剖析</a> <BR><BR><a href="#">更多..</a></center>');
addItem(
   '多媒体',
   '<center><a href="#">DIRECTOR</a> <BR><BR><a href="#">Authorware</a> <BR><BR><a href="#">更多..</a></center>');
addItem('精品赏析', '<center><a href="#">设计精品</a></center>'); document.write('</span>')
document.all.itemsLayer.style.height = itemNo * titleHeight + contentHeight; toItemIndex = itemNo - 1;
onItemIndex = itemNo - 1; function changeItem(clickItemIndex) {
  toItemIndex = clickItemIndex;
  if (toItemIndex - onItemIndex > 0)
   moveUp();
  else
   moveDown();
  runtimes++;
  if (runtimes >= stepNo) {
   onItemIndex = toItemIndex;
   runtimes = 0;
  } else
   setTimeout("changeItem(toItemIndex)", 10);
} function moveUp() {
  for (i = onItemIndex + 1; i <= toItemIndex; i++)
   eval('document.all.item' + i
     + '.style.top=parseInt(document.all.item' + i
     + '.style.top)-contentHeight/stepNo;');
} function moveDown() {
  for (i = onItemIndex; i > toItemIndex; i--)
   eval('document.all.item' + i
     + '.style.top=parseInt(document.all.item' + i
     + '.style.top)+contentHeight/stepNo;');
}
changeItem(0);
//-->
</script>
</body>
</html>
这个东西挺好的，我自我感觉比树型结构要好，也能实现在我的目地。谢谢你啊，但是为什么我建立.jsp之后不是中文页面呢？
你的页面编码改为gb2312呀！
<%@ page language="java" contentType="text/html; charset=gb2312"
    pageEncoding="gb2312"%>
建议你去下载西安电子科技大学的jsp基础教程看看。挺好的
http://blog.csdn.net/jinchun1234/archive/2009/07/08/4330845.aspx
这个是树形的