大家好,我有一个用层模拟的下拉菜单,可是出来的菜单却被下边的框架可遮挡了,该怎么办呢? 用 window.createPopup() 做你的层载体,例子可以参考 www.meizz.com 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 框架改用iframe,这就不是个问题了.<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"; //加上这句可以遮盖其它对象,如select:toLi.insertAdjacentHTML("beforeEnd","<iframe class='backgroundIframe'></iframe>"); }}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"; //配合上面那句“可以遮盖其它对象,如select“:fromLi.children[2].removeNode(true); } 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"; //配合上面那句“可以遮盖其它对象,如select“:fromLi.children[2].removeNode(true); }}</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;Z-INDEX:10;}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;}.menuAWidthSubmenu{background-image: url('SubmenuExists.jpg'); background-repeat: no-repeat; background-position: right 50%;}.menuA:hover {BACKGROUND-COLOR: #d9d9f9; COLOR: #e2144a;}.menuLevel0{PADDING: 0px; MARGIN: 0px;WIDTH: 100px; BORDER: #ccc 1px solid; POSITION: relative;}.menuLevel1{LEFT: 0px; TOP: 20px;}.backgroundIframe{position:absolute;z-index:9;width:expression(this.previousSibling.offsetWidth);height:expression(this.previousSibling.offsetHeight);left:expression(this.previousSibling.offsetLeft);top:expression(this.previousSibling.offsetTop);}</STYLE><META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD><BODY margin=0 padding=0 ><table width=100% height=100% bgcolor=dddddd><tr><td>部分代码来自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 menuAWidthSubmenu" href="#">Munu1</A> <UL class="menuLevel1"> <LI> <A class="menuA menuAWidthSubmenu" href="#">Services</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> <LI> <A class="menuA menuAWidthSubmenu" href="#">Services</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 menuAWidthSubmenu" href="#">Munu2</A> <UL class="menuLevel1"> <LI> <A class="menuA menuAWidthSubmenu" 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 menuAWidthSubmenu" 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> </td></tr></table> </td></tr><tr height=100% ><td colspan=100><iframe src="about:blank" style="width:100%;height:100%;"></iframe></td></tr></table></BODY></HTML> javascript小问题-改变字母显示方式 ext tree 问题 急,为什么一个插件在操作系统为window 2003 server下不能播放声音? 提供一个DHTML模拟对话框 动态select问题 请教:如何隔五分钟刷新一次网页 如何利用js实现助记码的功能 如何控制文本框输入的数值的大小范围(1-a变量之间,例如: td中换行问题 如何在angularjs的ng-repeat中对日期格式进行格式化? javascript如何替换字符串中的某个字符? javascript 这个值该如何写呀,就一个变量
<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";
//加上这句可以遮盖其它对象,如select:toLi.insertAdjacentHTML("beforeEnd","<iframe class='backgroundIframe'></iframe>");
}
}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";
//配合上面那句“可以遮盖其它对象,如select“:fromLi.children[2].removeNode(true);
}
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";
//配合上面那句“可以遮盖其它对象,如select“:fromLi.children[2].removeNode(true);
}
}
</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;Z-INDEX:10;
}
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;
}
.menuAWidthSubmenu{
background-image: url('SubmenuExists.jpg'); background-repeat: no-repeat; background-position: right 50%;
}
.menuA:hover {
BACKGROUND-COLOR: #d9d9f9; COLOR: #e2144a;
}.menuLevel0{
PADDING: 0px; MARGIN: 0px;WIDTH: 100px; BORDER: #ccc 1px solid; POSITION: relative;
}
.menuLevel1{
LEFT: 0px; TOP: 20px;
}.backgroundIframe{
position:absolute;
z-index:9;
width:expression(this.previousSibling.offsetWidth);
height:expression(this.previousSibling.offsetHeight);
left:expression(this.previousSibling.offsetLeft);
top:expression(this.previousSibling.offsetTop);}
</STYLE><META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY margin=0 padding=0 >
<table width=100% height=100% bgcolor=dddddd>
<tr>
<td>
部分代码来自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 menuAWidthSubmenu" href="#">Munu1</A>
<UL class="menuLevel1">
<LI>
<A class="menuA menuAWidthSubmenu" href="#">Services</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>
<LI>
<A class="menuA menuAWidthSubmenu" href="#">Services</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 menuAWidthSubmenu" href="#">Munu2</A>
<UL class="menuLevel1">
<LI>
<A class="menuA menuAWidthSubmenu" 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 menuAWidthSubmenu" 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> </td>
</tr>
</table>
</td>
</tr>
<tr height=100% ><td colspan=100>
<iframe src="about:blank" style="width:100%;height:100%;"></iframe>
</td></tr>
</table></BODY></HTML>