可以帮我把下面代码中的<div>....</div>之间的代码写成js文件的形式，然后在html代码里引用吗？
因为div之间定义了个实例id="oDiv"，写成文件以后，html中用到这个实例oDiv的地方，网页就会提示错误！
我可能比较苯，该了两天了，没改明白！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<LINK REL=STYLESHEET TYPE="text/css" HREF="external/style.css">
<script type="text/javascript" src="external/jslay.js"></script>
<!meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>二级菜单</title>
</head>
<div id="oDiv" style="border:outset
2px;background-color:buttonface;width:120;position:absolute;left:0px;top:0px;visibility:hidden"
onmouseout="this.style.visibility='hidden';oDiv2.style.visibility='hidden'" >
<table border=0 cellpadding=6 cellspacing=0 width="100%" onmouseover="oDiv.style.visibility='visible'">
<tr>
<td class='mOut' onmouseover="this.className='mOver'" onmouseout="this.className='mOut'" onmousedown="oDiv.style.visibility='hidden';alert('hello A')">ridincal A
</td>
</tr>
<tr>
<td class='mOut' onmouseover="this.className='mOver';showSubMenu1(this,2);" onmouseout="this.className='mOut'">ridincal B1 >>
</td>
</tr>
<tr>
<td class='mOut' onmouseover="this.className='mOver2';" onmouseout="this.className='mOut'" onmousedown="oDiv.style.visibility='hidden';alert('hello W')">ridincal W
</td>
</tr>
</table>
</div>
<div id="oDiv2" style="border:outset
2px;background-color:buttonface;width:100;position:absolute;left:0px;top:0px;visibility:hidden"
onmouseout="oDiv.style.visibility='hidden';this.style.visibility='hidden'" onmouseover="oDiv.style.visibility='visible'">
<table border=0 cellpadding=6 cellspacing=0 width="100%" onmouseover="oDiv2.style.visibility='visible'">
<tr>
<td class='mOut' onmouseover="this.className='mOver'" onmouseout="this.className='mOut'" onmousedown="oDiv.style.visibility='hidden';oDiv2.style.visibility='hidden';alert('hello C')">ridincal C
</td>
</tr>
<tr>
<td class='mOut' onmouseover="this.className='mOver'" onmouseout="this.className='mOut'" onmousedown="oDiv.style.visibility='hidden';oDiv2.style.visibility='hidden';alert('hello D')">ridincal D
</td>
</tr>
<tr>
<td class='mOut' onmouseover="this.className='mOver'" onmouseout="this.className='mOut'" onmousedown="oDiv.style.visibility='hidden';oDiv2.style.visibility='hidden';alert(this.name)">ridincal E
</td>
</tr>
</table>
</div>
<body onload="getmenu()" onclick="oDiv.style.visibility='hidden';oDiv2.style.visibility='hidden'">
Hello World!
</body>
</html>
