8.4w+
社区成员
- 主页
- 问答
用层做的动态下拉菜单弹出后,为何不在最上层?
在菜单弹出的地方有个combobox控件,弹出菜单后,应该菜单会在控件的上面,可是现在控件却在菜单的上面,菜单被挡住了.
...全文
请发表友善的回复…
发表回复
零基础学编程by学哥 2001-07-06
请教,用IFrame怎么实现?
零基础学编程by学哥 2001-07-06
问题的关键是select被盖住了一半,如果让它隐藏会影响页面的.
零基础学编程by学哥 2001-07-06
谢谢大家.这个问题恐怕只能这样了.
Zee 2001-07-06
菜单是用IFRame而不是DIV，下拉菜单不显示时IFrame隐藏；出现时计算出位置移动过去再显示。
这个做起来很麻烦的，因为这样菜单和主窗口是父子窗口关系而不是DIV那样的是父窗口的一个元素。IFrame和父窗口的鼠标事件要分别处理，而且两者之间还要有交互。写出来的Script也很复杂难看，要求不高的话就按孟子E章的办法做好了，这是现在绝大多数菜单的标准做法。
这个做起来很麻烦的，因为这样菜单和主窗口是父子窗口关系而不是DIV那样的是父窗口的一个元素。IFrame和父窗口的鼠标事件要分别处理，而且两者之间还要有交互。写出来的Script也很复杂难看，要求不高的话就按孟子E章的办法做好了，这是现在绝大多数菜单的标准做法。
Zee 2001-07-05
用IFrame做菜单就能盖住Select。
不过很复杂。
不过很复杂。
孟子E章 2001-07-05
干吗非得要它存在？？又看不到！
零基础学编程by学哥 2001-07-05
不行啊,大哥.没办法了?
孟子E章 2001-07-05
http://www.csdn.net/expert/topic/117/117521.shtm
孟子E章 2001-07-05
editplus没问题啊
孟子E章 2001-07-05
明明是frontpage做的吗，有这事情？我试试！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<body>
<!--主功能表-->
<table width=100% border=0 cellspacing=0 height="31">
<tr>
<td bgcolor=navy style="font-size: 12; color: white" height="13">VBScript的網頁功能表製作</td>
</tr>
<tr>
<td bgcolor=CFCFCF style="font-size: 12" height="14"><a href="#" id="lnk1" style="text-decoration:none;" onmouseover="CallMenu1()" onmouseout="CallMenu2()"> 檔案 </a</td>
</a>
</tr>
</table>
<div id="menu2" style="position:absolute;left:10px;top:47px;z-index:0;">
<select id=mxh stype="visibility:visible">
<option value="这里是实际上机器读到的值">这里是下拉框里显示的值</option>
<option value=""></option>
<option value=""></option>
......................
</select>
</div>
<!--跳出式功能表-->
<div id="menu1" style="position:absolute;left:10px;top:45px;z-index:0;visibility:hidden;" onmouseover="CallMenu1()" onmouseout="CallMenu2()">
<table border=1 cellspacing=0>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../homepage.html" style="text-decoration:none;"> 前往首頁 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../vbs/vbs.html" style="text-decoration:none;"> VBScript物件運用 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="vbss.html" style="text-decoration:none;"> 離開 </a></td></tr>
</table>
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<body>
<!--主功能表-->
<table width=100% border=0 cellspacing=0 height="31">
<tr>
<td bgcolor=navy style="font-size: 12; color: white" height="13">VBScript的網頁功能表製作</td>
</tr>
<tr>
<td bgcolor=CFCFCF style="font-size: 12" height="14"><a href="#" id="lnk1" style="text-decoration:none;" onmouseover="CallMenu1()" onmouseout="CallMenu2()"> 檔案 </a</td>
</a>
</tr>
</table>
<div id="menu2" style="position:absolute;left:10px;top:47px;z-index:0;">
<select id=mxh stype="visibility:visible">
<option value="这里是实际上机器读到的值">这里是下拉框里显示的值</option>
<option value=""></option>
<option value=""></option>
......................
</select>
</div>
<!--跳出式功能表-->
<div id="menu1" style="position:absolute;left:10px;top:45px;z-index:0;visibility:hidden;" onmouseover="CallMenu1()" onmouseout="CallMenu2()">
<table border=1 cellspacing=0>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../homepage.html" style="text-decoration:none;"> 前往首頁 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../vbs/vbs.html" style="text-decoration:none;"> VBScript物件運用 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="vbss.html" style="text-decoration:none;"> 離開 </a></td></tr>
</table>
</div>
</BODY>
</HTML>
零基础学编程by学哥 2001-07-05
那有其他解决办法吗?弹出菜单&控件重叠??
孟子E章 2001-07-05
没有办法的！以前有这样的萜子！！IE的select和NN的textarea都有这种缺陷的，控制不了！
零基础学编程by学哥 2001-07-05
大哥,还有一个问题,怎么我的editplus中的中文拷贝到这里就变成怪模样了??
零基础学编程by学哥 2001-07-05
大哥,你怎么把select控件隐藏了,我要它仍然在那里,不过要放在下面一层,让菜单层在上面.大哥,麻烦你再看看,谢谢了.
孟子E章 2001-07-05
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>菜单</title>
</head>
<body>
<!--主功能表-->
<table width=100% border=0 cellspacing=0 height="31">
<tr>
<td bgcolor=navy style="font-size: 12; color: white" height="13">VBScript的網頁功能表製作</td>
</tr>
<tr>
<td bgcolor=CFCFCF style="font-size: 12" height="14"><a href="#" id="lnk1" style="text-decoration:none;" onmouseover="CallMenu1()" onmouseout="CallMenu2()"> 檔案 </a</td>
</a>
</tr>
</table>
<div id="menu2" style="position:absolute;left:10px;top:47px;z-index:0;">
<select id=mxh stype="visibility:visible">
<option value="这里是实际上机器读到的值">这里是下拉框里显示的值</option>
<option value=""></option>
<option value=""></option>
......................
</select>
</div>
<!--跳出式功能表-->
<div id="menu1" style="position:absolute;left:10px;top:45px;z-index:0;visibility:hidden;" onmouseover="CallMenu1()" onmouseout="CallMenu2()">
<table border=1 cellspacing=0>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../homepage.html" style="text-decoration:none;"> 前往首頁 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../vbs/vbs.html" style="text-decoration:none;"> VBScript物件運用 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="vbss.html" style="text-decoration:none;"> 離開 </a></td></tr>
</table>
</div>
<script language=javascript>
function CallMenu1()
{
document.all("menu1").style.visibility = "" ;
document.all("mxh").style.visibility = "hidden" ;
}
function CallMenu2()
{
document.all("menu1").style.visibility = "hidden"
document.all("mxh").style.visibility = "visible" ;
}
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>菜单</title>
</head>
<body>
<!--主功能表-->
<table width=100% border=0 cellspacing=0 height="31">
<tr>
<td bgcolor=navy style="font-size: 12; color: white" height="13">VBScript的網頁功能表製作</td>
</tr>
<tr>
<td bgcolor=CFCFCF style="font-size: 12" height="14"><a href="#" id="lnk1" style="text-decoration:none;" onmouseover="CallMenu1()" onmouseout="CallMenu2()"> 檔案 </a</td>
</a>
</tr>
</table>
<div id="menu2" style="position:absolute;left:10px;top:47px;z-index:0;">
<select id=mxh stype="visibility:visible">
<option value="这里是实际上机器读到的值">这里是下拉框里显示的值</option>
<option value=""></option>
<option value=""></option>
......................
</select>
</div>
<!--跳出式功能表-->
<div id="menu1" style="position:absolute;left:10px;top:45px;z-index:0;visibility:hidden;" onmouseover="CallMenu1()" onmouseout="CallMenu2()">
<table border=1 cellspacing=0>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../homepage.html" style="text-decoration:none;"> 前往首頁 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="../vbs/vbs.html" style="text-decoration:none;"> VBScript物件運用 </a></td></tr>
<tr><td bgcolor=yellow style="font-size:12;"><a href="vbss.html" style="text-decoration:none;"> 離開 </a></td></tr>
</table>
</div>
<script language=javascript>
function CallMenu1()
{
document.all("menu1").style.visibility = "" ;
document.all("mxh").style.visibility = "hidden" ;
}
function CallMenu2()
{
document.all("menu1").style.visibility = "hidden"
document.all("mxh").style.visibility = "visible" ;
}
</script>
</body>
</html>
零基础学编程by学哥 2001-07-05
小孟大哥,搞定没有啊?
「已注销」 2001-07-05
灌
灌灌 灌灌灌 灌灌
灌灌 灌灌 灌灌 灌灌
灌灌灌 灌灌灌 灌灌 灌灌
灌灌 灌灌 灌灌 灌灌
灌灌 灌 灌灌 灌
灌 灌 灌 灌 灌灌
灌 灌灌灌 灌 灌灌灌
灌灌灌灌灌灌灌灌灌灌灌灌灌灌 灌灌灌灌灌灌 灌 灌灌灌灌灌灌灌灌灌灌灌灌灌灌
灌灌 灌灌 灌 灌灌
灌灌 灌灌 灌 灌灌
灌灌 灌灌 灌 灌灌
灌灌 灌灌灌 灌 灌灌
灌灌 灌灌 灌 灌灌
灌灌 灌灌 灌 灌 灌灌
灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌 灌 灌灌 灌灌
灌灌 灌 灌 灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌
灌灌 灌 灌 灌灌
灌灌 灌 灌 灌灌
灌灌 灌 灌灌 灌灌
灌灌 灌灌 灌灌灌灌灌 灌灌
灌灌 灌 灌灌灌 灌灌
灌灌 灌灌 灌灌 灌灌
灌灌 灌灌 灌灌 灌灌
灌灌 灌灌灌 灌灌 灌灌
灌灌 灌灌灌灌 灌灌 灌灌 灌
灌灌 灌灌灌灌灌 灌灌 灌灌 灌灌
灌灌 灌灌灌灌 灌灌 灌灌灌灌灌灌灌灌灌 灌灌灌灌灌灌
灌灌 灌
零基础学编程by学哥 2001-07-05
大哥,已经发到你的信箱了.
其实上面就是..
其实上面就是..
孟子E章 2001-07-05
div保证没问题的！把你的代码拿来
零基础学编程by学哥 2001-07-05
up