|
阅读：3756回复：0
求助！
想要在mozilla中实现单击某菜单而在其下方弹出其子菜单，类似于公式编辑器的某些功能，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"
xmlns:mml="http://www.w3.org/1998/Math/MathML">
<head>
<title>slip menu</title>
<link href="toolbar.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<script language="javascript">
var old_menu = '';
var old_cell = '';
function menuclick(submenu,cellbar)
{
if( old_menu != submenu ){
if( old_menu !='' ){
old_menu.style.display = "none";
}
submenu.style.display ="block";
old_menu = submenu;
old_cell = cellbar;
}
else{
submenu.style.display = "none";
old_menu = '';
old_cell = '';
}
}
</script>
<table border="1" cellpadding="2" bordercolor="#FFCC00" width="145" style="position:relative;left:5px;top:1px" bordercolorlight="#eeeeee" bgcolor="#D0C5D3">
<tr>
<td align="center" width="143" bordercolordark="#000000" bordercolorlight="#808080">
<tr bgcolor="#ABBBC9">
<td align="center" onclick="menuclick('submenu3','bar3')" style="cursor:hand" width="143" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#C182C0'" onmouseout="this.style.backgroundColor=''" title="menu1">
<div border="0" id="bar3" width="11" height="11">
<a href="#">
<mml:math>
<mml:mo>∏</mml:mo>
</mml:math>
</a>
<a href="#">
<mml:math>
<mml:mo>∑</mml:mo>
</mml:math>
</a>
<a href="#">
<mml:math>
<mml:mfrac mathsize="big">
<mml:mi mathsize="big">□</mml:mi>
<mml:mi mathsize="big">□</mml:mi>
</mml:mfrac>
</mml:math>
</a>
</div>
</td>
</tr>
</td>
</tr>
<tr>
<td align="center" width="143">
<span id="submenu3" style="margin-left:5;display:none;">
<table>
<tr>
<td><a href="#"><mml:math> <mml:mo>∏</mml:mo> </mml:math></a></td>
<td><a href="#">
<mml:math>
<mml:mfrac mathsize="big">
<mml:mi mathsize="big">□</mml:mi>
<mml:mi mathsize="big">□</mml:mi>
</mml:mfrac>
</mml:math>
</a>
</td>
<td><a href="#">
<mml:math>
<mml:mo>∑</mml:mo>
</mml:math>
</a>
</td>
</tr>
<tr>
<td>menu4</td>
<td>menu5</td>
<td>menu6</td>
</tr>
</table>
</span>
</td>
</tr>
</table>
</body>
</html>
在ie中可以实现，但在mozilla中无法实现其功能！请专家看看哪出问题了 |
|
