加入
<style>
xxxUL{
width:xxx
height:xxx
}
xxxUL li{
display:block
padding:0 0 0 40px
list-style-img:(图标路径) xpx xpx no-repeat 图标位置 调整
list-style:none
width:xxx
height:xxx
}
</style>
差不多这样就行了吧看你的HTML 是不是 用的这个结构
jsp中左边目录树是用js控件做的。
Dtree生成树形结构，很方便，很适用。
先下载一个工具包dtree.zip
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath()
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>考试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll()">展开</a>| <a href="javascript: d.closeAll()">收缩</a></p>
<script type="text/javascript">
d = new dTree('d')
d.add(0,-1,'考题索引ss')
d.add(1,0,'单选题')
d.add(2,1,'第一题','index.jsp')
d.add(3,1,'第二题','index.jsp')
d.add(6,0,'多选题')
d.add(7,6,'第一题','index.jsp')
d.add(8,6,'第二题','index.jsp')
d.add(11,0,'判断题')
d.add(12,11,'第一题','index.jsp')
d.add(13,11,'第二题','index.jsp')
d.add(16,0,'主观题')
d.add(17,16,'第一题')
d.add(33,0,'安全退出系统','index.jsp','','_parent')
document.write(d)
</script>
</div>
</body>
</html>
运行结果：
