求下拉菜单的js代码

<HTML><HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<SCRIPT language=javascript >function mouseOverFun(obj)
{
var toLi=event.toElement;
if(toLi==obj) return false;
if(toLi.tagName=="A" || toLi.tagName=="UL") toLi=toLi.parentElement;
if(toLi.children[1]) toLi.children[1].style.display="block";
}function onmouseOutFun(obj)
{
var fromLi=event.fromElement;
var eventToElement=event.toElement;
if(fromLi==obj) return false;
if(fromLi.tagName=="A" || fromLi.tagName=="UL") fromLi=fromLi.parentElement;
if(fromLi.contains(eventToElement)) return false;
if(fromLi.children[1]) fromLi.children[1].style.display="none";
var maxLevel=10;
while( maxLevel-- > 0)
{
fromLi=fromLi.parentElement.parentElement;
if(fromLi.contains(obj) || (fromLi.tagName!="LI" && fromLi.tagName!="TD") || fromLi.contains(eventToElement))
break;
fromLi.children[1].style.display="none";
}
}
</SCRIPT><STYLE type="text/css">* {
FONT: 11px verdana
}
UL {
PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; DISPLAY:none; POSITION: absolute; LEFT: 149px; TOP: 0px;
}
LI {
BACKGROUND-COLOR:#ffffff;PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; POSITION: relative;
}
TD LI UL {}
.menuA{
COLOR: #777;  TEXT-DECORATION: none; WIDTH:100%; HEIGHT:20px;
}.menuA:hover {
BACKGROUND: #d9d9f9; COLOR: #e2144a;
}.menuLevel0{
PADDING: 0px; MARGIN: 0px;WIDTH: 100px; BORDER: #ccc 1px solid; POSITION: relative;
}
.menuLevel1{
LEFT: 0px;  TOP: 20px;
}</STYLE><META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY>部分代码来自gu1dai(异域苍穹......追夢人)：http://community.csdn.net/Expert/topic/4123/4123998.xml?temp=.4086878<br>
<table  onmouseover="mouseOverFun(this);" onmouseout="onmouseOutFun(this);" border=0 cellspacing=0 >
<tr>
<td class="menuLevel0">
<A class="menuA" href="#">Munu1</A> 
<UL class="menuLevel1">
  <LI>
    <A class="menuA" href="#">Services</A> 
    <UL>
      <LI>
        <A class="menuA" href="#">Web Design</A>             
        <UL>
          <LI><A class="menuA" href="#">Web Design->sub</A>             
          <LI><A class="menuA" href="#">Web Design->sub2</A>             
          <LI>
            <A class="menuA" href="#">Web Design->sub3</A>             
            <UL>
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
            </UL>
        </UL>
      <LI><A class="menuA" href="#">Internet Marketing</A>              
      <LI><A class="menuA" href="#">Hosting</A> 
      <LI><A class="menuA" href="#">Domain Names</A>              
      <LI><A class="menuA" href="#">Broadband</A> 
    </UL>
  <LI>
    <A class="menuA" href="#">Services</A> 
    <UL>
      <LI>
        <A class="menuA" href="#">Web Design</A>             
        <UL>
          <LI><A class="menuA" href="#">Web Design->sub</A>             
          <LI><A class="menuA" href="#">Web Design->sub2</A>             
          <LI>
            <A class="menuA" href="#">Web Design->sub3</A>             
            <UL>
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
            </UL>
        </UL>
      <LI><A class="menuA" href="#">Internet Marketing</A>              
      <LI><A class="menuA" href="#">Hosting</A> 
      <LI><A class="menuA" href="#">Domain Names</A>              
      <LI><A class="menuA" href="#">Broadband</A> 
    </UL></UL>
</td>
<td class="menuLevel0">
<A class="menuA" href="#">Munu2</A> 
<UL class="menuLevel1">
  <LI>
    <A class="menuA" href="#">Services</A> 
    <UL>
      <LI>
        <A class="menuA" href="#">Web Design</A>             
        <UL>
          <LI><A class="menuA" href="#">Web Design->sub</A>             
          <LI><A class="menuA" href="#">Web Design->sub2</A>             
          <LI>
            <A class="menuA" href="#">Web Design->sub3</A>             
            <UL>
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
            </UL>
        </UL>
      <LI><A class="menuA" href="#">Internet Marketing</A>              
      <LI><A class="menuA" href="#">Hosting</A> 
      <LI><A class="menuA" href="#">Domain Names</A>              
      <LI><A class="menuA" href="#">Broadband</A> 
    </UL>
  <LI>
    <A class="menuA" href="#">Services</A> 
    <UL>
      <LI>
        <A class="menuA" href="#">Web Design</A>             
        <UL>
          <LI><A class="menuA" href="#">Web Design->sub</A>             
          <LI><A class="menuA" href="#">Web Design->sub2</A>             
          <LI>
            <A class="menuA" href="#">Web Design->sub3</A>             
            <UL>
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
              <LI><A class="menuA" href="#">Web Design->3</A>             
            </UL>
        </UL>
      <LI><A class="menuA" href="#">Internet Marketing</A>              
      <LI><A class="menuA" href="#">Hosting</A> 
      <LI><A class="menuA" href="#">Domain Names</A>              
      <LI><A class="menuA" href="#">Broadband</A> 
    </UL></UL>
</td></tr>
</table>
</BODY></HTML>