给你一个用jquery写的吧，效果图大致这样:
<!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>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>无标题文档</title>
<style>
#tree_menu{
}
ul{
list-style-type:none
padding:0px
}
#tree_menu ul li{
cursor:pointer
}
ul li ul{
display:none
list-style-type:none
padding:0px 0px 0px 10px
}
</style>
<script src="jquery-1.4.2.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function(){
$("ul li").each(function(){
if($(this).children("ul").length==0){
$(this).css("padding-left","8px")
}else{
$(this).prepend("<img src='upbtn.gif' width='8' style='padding-bottom:1px'/>")
}
})
$("#tree_menu ul li").toggle(function(){
$(this).children("img").attr("src","downbtn.gif")
$(this).children("ul").slideDown(100)
},function(){
$(this).children("img").attr("src","upbtn.gif")
$(this).children("ul").slideUp(100)
})
})
</script>
</head>
<body>
<div id="tree_menu">
<ul>
<li>
本地磁盘C
<ul>
<li>file1
<ul>
<li>file1
<ul>
<li>file1
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file3
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>
file4
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
</ul>
</li>
<li>
本地磁盘D<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
本地磁盘E<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
本地磁盘F<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
移动磁盘G<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
</ul>
</div>
</body>
</html>
使用eclipse自带的插件，无需另外安装插件，具体步骤如下：1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist
修改Auto Activation triggers for java的值为：zjava 点击apply按钮
2.继续打开JavaScript→Editor→Content Assist
修改Auto Activation triggers for javaScript的值为：zjs 点击apply按钮
3.继续打开web→html Files→Editor→Content Assist
修改Prompt when these characters are inserted:的值为：zhtml 点击apply按钮
4.打开File→Export→Genral→Preferences→导出一文件到任意位置，然后用记事本打开此文件 ，Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
再查找 zjs 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
再查找 zhtml 然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW
保存文件。
5.打开eclipse→File→Import→Genral→Preferences，导入刚刚编辑的文件后，所有设置完毕。
提供一些快捷组合：
提示java代码可以用ALT+/ 键就可以了(前提是你要把你需要的类或方法的首字母打出来)
Ctrl+M 当前窗口最大化
Ctrl+F7 视窗口切换
Ctrl+F8 模式切换
Ctrl+F6 编辑窗口切换(手指张得太大不雅观啊)
Ctrl+E 编辑窗口切换(这个比较文雅点 :) )
Alt+← 前一个编辑的页面
Alt+→ 下一个编辑的页面
Ctrl+Alt+↓ 复制(增加)当前行到下一行
Ctrl+Alt+↑ 复制(增加)当前行到上一行
Alt+↓ 当前行和下面一行交互位置(用不着剪切了)
Alt+↑ 当前行和上面一行交互位置
Ctrl+D 删除当前行
Alt+Enter 显示当前选择文件的属性
Shift+Enter 在当前行插入空行(下一行)
Shift+Ctrl+Enter 在当前行插入空行(上一行)
Ctrl+Q 定位到最后编辑的地方
Ctrl+L 定位在具体某行
Ctrl+/ 注释当前行(可多行),再按则取消注释
Ctrl+Shift+R 找文件
Ctrl+Shift+T 找类
Ctrl+K 选中的Word快速定位到下一个
Ctrl+Shift+K 选中的Word快速定位到上一个
Ctrl+Shift+U 选中后列出查询到的结果
Ctrl+/(小键盘) 折叠当前类中的所有代码
Ctrl+×(小键盘) 展开当前类中的所有代码
Ctrl+Shift+P 定位到对于的匹配符(如{},())
CTRL+SHIFT+X 切换字符的大小写(大写)
CTRL+SHIFT+Y 切换字符的大小写(小写)
Ctrl+1 当某行出错时或警告时,跳出帮助
Ctrl+Shift+F 格式排版
Alt+Shift+R 重命名 (改量和类名时很方便)
Alt+Shift+C 修改函数结
Alt+Shift+M 重构方法 (选中要重构方法,再生成个新方法)
Alt+Shift+Z 重构恢复
Ctrl+W 关闭当前窗口
Ctrl+Shift+F4 关闭所有打开的窗口
Ctrl+Shift+O ： import相关类，同时若已经import的类，没有被用到，就删除。
