[求助]在菜单的DIV层中用了iframe,可以挡住单行的Select,可在多行的Select上展开菜单时,Select会闪烁出现呢?

zhangxxdd 2006-04-30 10:34:20

如果鼠标在菜单上不移动的时候就能挡住多行Select,可移动的时候Select就会闪烁.
我在Div中加的ifram为<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:111px; height:143px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>

请指点一二啊,谢谢了 :-)

...全文

179 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhangxxdd 2006-04-30

打赏
举报

index.htm
--------------------------
<HTML><HEAD><TITLE>管理系统</TITLE><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><link rel="stylesheet" href="style.css"><base target="ShowFra"><link rel="stylesheet" href="menu.css"></HEAD><body>
<body oncontextmenu="window.event.returnValue=false">
<div align="center"><center>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 height=100%>
<TR align=center valign=middle height=1 WIDTH=100%>
<SCRIPT src="js/admin/status.js" type=text/javascript></script>
<TD width=20>
</TD>
<TD align=left><SCRIPT src="menu.js" type=text/javascript></script>
<ul id="navitree" class="navitree">
<li><a href="#" target="_self">系统设置</a>
<ul><iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:111px; height:143px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
<li><a href="baseset.php">基本设置</a></li>
<li><a href="clock.php">时钟设置</a></li>
<li><a href="net.php">网络设置</a></li>
<li><a href="remote.php">远程维护设置</a></li>
</ul>
</li>
<li><a href="#" target="_self">系统设置</a>
<ul><iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:111px; height:143px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
<li><a href="baseset.php">基本设置</a></li>
<li><a href="clock.php">时钟设置</a></li>
<li><a href="net.php">网络设置</a></li>
<li><a href="remote.php">远程维护设置</a></li>
</ul>
</li>
</ul>
</TD><TR>
<TD width=100% colspan=2>
<iframe name="ShowFra" frameborder=0 width=100% height=100% scrolling=auto src="main.html"></iframe>
</td>
<TR>
<TD align=Center WIDTH=100% HEIGHT=31 colspan=2>
<font color=green>© 2006-2008.</font></TD>
</TR>
</TABLE>
</center></div>
</body></html>
=============================
main.html
------------------------------
<HTML><HEAD><TITLE>管理系统</TITLE><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><link rel="stylesheet" href="style.css"><base target="ShowFra"><link rel="stylesheet" href="menu.css"></HEAD><body>
<BR><BR><BR><TABLE><TR><TD valign=top><select style="width:90pt"><Option value=1>1</Option><Option value=1>1</Option><Option value=1>1</Option><select></TD>
<TD><select name=SelOutsidePort style="width:150pt" SIZE=8 MULTIPLE></select></TD>
</TR></TABLE></Body></html>

zhangxxdd 2006-04-30

打赏
举报

晕死了~ 我是用的别人的代码,可把相关代码重新做了个demo,可又一切正常,奇怪了:-(
相关代码如下:
menu.js
-------------------------
startList.tag = 0;
function startList(rootObj)
{
var navRoot, i=0;
if(rootObj == '' || rootObj == null) rootObj=document.all.navitree;

try
{
navRoot = rootObj;
if(navRoot==null)
{
alert('null a wrong accoured');
}
else
{
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className ="over";
}
node.onmouseout=function()
{
this.className="out";
}
if(startList.tag==1)
{
node.className = "out";
}
startList(node);
}
else if (node.nodeName=="UL")
{
startList.tag = 1;
startList(node);
}
} //for end
}
} //try end
catch(e)
{
alert(e);
} //catch end
} //startList

window.onload = startList;

============================
menu.css
----------------------
.navitree a {
display: block;
width: 100%;
padding: 5px;
margin: 1px;
text-decoration: none;
background: #ffe;
color: #000;
}
.navitree a:hover {
text-decoration: none;
background: #880;
color: #fff;
}
.navitree, .navitree ul {
margin: 0px;
padding: 0px;
border-bottom: #ccc 1px solid;
border-right: #ccc 1px solid;
list-style-type: none;
}

.navitree {
width: 661px;
}
.navitree li {
position: relative;
width: 110px;
padding: 0px;
border-left: #ccc 1px solid;
border-top: #ccc 1px solid;
float: left;
background: #fff;
}

.navitree li ul li {
position: relative;
width: 110px;
padding: 0px;
border: #ccc 1px solid;
border-bottom: 0px;
border-right: 0px;
float: left;
}
.navitree li ul {
display: none;
position: absolute;
left: -1px;
top: 26px;
}

.navitree li ul li ul {
position: absolute;
left: 111px; /* Set 1px less than menu width */
top: -1px;
}

li.over ul {
display: block;
visibility: visible;
}
li.out ul {
visibility: hidden;
/*display:none 可不用 */
}

ice_berg16 2006-04-30