一个动态菜单的问题.....急

给你一个我们现在运行的系统菜单.  我们用的是jsp格式，你对照改一下，改成html格式．<%@ page contentType="text/html; charset=GB2312" pageEncoding="GB2312"%>
<!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">
<%@include file="/public/common/common.jsp"%>
<head>
<title>XXXXX研究院---XXXX工作管理系统</title>
<link href="/public/resources/menu/styles/style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="/public/resources/menu/styles/style_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<iframe name="top" width="1024" height="100" marginwidth="0" marginheight="0" src="/system/frame/top.jsp" frameBorder=0 scrolling="no"></iframe>
<!-- BEGIN Menu
Menu built at http://www.13styles.com
-->
<div class="menucontainer1" style="width:1024px">
<div class="menu1">
<ul>
<li><a href="/initPageLoad.do?wid=1000" target="main">首页</a></li><li onmouseout=div1.style.visibility='hidden' onclick=div1.style.visibility='visible' onmouseover=div1.style.visibility='visible'><a class="drop" href="#" target="_self">系统管理<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<div id=div1>
<table>
<tr>
<td>
<ul>
<li><a href="/userinfoqueryinput.do" target="main">用户管理</a></li>
<li><a href="/rolequeryinput.do" target="main">角色管理</a></li>
<li><a href="/dirframe.do" target="main">模板管理</a></li>
</ul>
</td>
</tr>
</table>
</div>
<!--[if lte IE 6]>
</a>
<![endif]-->
</li><li onmouseout=div2.style.visibility='hidden' onclick=div2.style.visibility='visible' onmouseover=div2.style.visibility='visible'><a class="drop" href="#" target="_self">流程<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<div id=div2>
<table>
<tr>
<td>
<ul>
<li><a href="/configframepurview.do" target="main">委托书及公报</a></li>
<li><a href="/configframepurview.do" target="main">XX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
<li><a href="/configframepurview.do" target="main">XXX</a></li>
</ul>
</td>
</tr>
</table>
</div>
<!--[if lte IE 6]>
</a>
<![endif]-->
</li><li onmouseout=div3.style.visibility='hidden' onclick=div3.style.visibility='visible' onmouseover=div3.style.visibility='visible'><a class="drop" href="#" target="_self">综合查询<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<div id = div3>
<table>
<tr>
<td>
<ul>
<li><a href="/querystatushis.do?name=1." target="main">按井号查询</a></li>
<li><a href="/chartframe.do?name=1." target="main">按时间查询</a></li>
<li><a href="/chartframe.do?name=1." target="main">按类型查询</a></li>
</ul>
</td>
</tr>
</table>
</div>
<!--[if lte IE 6]>
</a>
<![endif]-->
</li> <li><a href="/user/userdoc.htm" target="_blank">帮助</a></li>
<li><a href="/userauth/logout.jsp" target="_top">系统注销</a></li>
</ul>
</div>
<div style="text-align:left;display:table-cell;vertical-align:middle;"><font size="2">欢迎 <bean:write name="userdept" scope="session"/> || <bean:write name="username" scope="session"/>  进入XXXX工作管理系统!</font>
</div>
</div>
<!-- END Menu -->
</body>
</html>
<iframe name="main" width="1024" marginwidth="0" marginheight="0" src="/initPageLoad.do?wid=1000" frameBorder=0 scrolling="auto" onload="this.height =document.frames['main'].document.body.scrollHeight"></iframe>