高分求助实现下拉级联菜单的JS代码,急等 一般的做法是利用xmlhttp动态调用数据库进行无刷新数据更新。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 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有两个,一个是三级的,一个是二级的(可保存状态的),速度很快的 有关jqgrid的问题。为什么我点击jgrid子表的行,主表行的颜色也会变动呢? 给系统添加图片上传修改控件,选那个较好。 web中 下载怎么把文本格式转为pdf下载给客户 如何获取listbox中的滚动条位置? 这个问题好难哦!! 急急急! 如何改变超连接的内容? 层的控制 请问如何在JavaScript中弹出一个对话框带有“是”和“否”按钮的,并且能够判断出用户点击了哪个按钮? 多个表格如何导入excel?? SOS,怎么将这个两级菜单的函数改成三级菜单的函数? JAVASCRIPT判断页是否拒绝访问的函数?
<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>
有两个,一个是三级的,一个是二级的(可保存状态的),速度很快的