高分求助实现下拉级联菜单的JS代码,急等

http://sz.luohuedu.net/xml/Exam/MultiSelect.zip

<HTML><HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多级下拉菜单</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>
<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="#">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="#">Broadband</A>
    </UL></UL>
</td></tr>
</table>
</BODY></HTML>

可以放到iframe里面，select时对页面进行刷新，这样每次只会取需要的数据，数据量大不会造成影响

http://www.chinazcjdw.com/menu/index.asp?typeid=4
有两个，一个是三级的，一个是二级的（可保存状态的），速度很快的

调试易

高分求助实现下拉级联菜单的JS代码,急等

解决方案 »