坚持使用Javascript和html实现菜单

我有一个表，我想使用一个表单元格，这样当我点击它时，它会打开另一个菜单表，使用Z索引来重叠原始菜单表。我已经尝试了我能想到的一切

<script type="text/javascript">
   $(document).ready(function(){
    $('#weblinkbut').click(function(){
            $('.weblinkmenu').css('z-indez','9');       
    $('.menuhome').css('z-index','8');
 });
});
</script>
<table id="menuhome" class="menuhome" width="181" height="250" border="1" bordercolor="#000000" bgcolor="#FFFFFF" cellspacing="5" cellpadding="">
<tr>
    <td width="75" height="90" id="weblinkbut">
    <p><img src="../../Resources/test/images/weblinkicon.png" width="40" height="40"></p><p>Website link</p>
    </div>
    </td>
    <td width="75" height="90"><p><img src="../../Resources/test/images/phoneicon.png" width="40" height="40"/></p>
    <p>Phone Number</p>
    </td>
</tr>
<tr>
    <td width="75" height="90"><p><img src="../../Resources/test/images/emailicon.jpg" width="40" height="40"></p>
    <p>Email address</p>
    </td>
    <td width="75" height="90"><p><img src="../../Resources/test/images/newdocicon.png" width="30" height="40">
<P>Plain Text</P> 
    </td>   
</tr>
 </table>

  <table id="weblinkmenu" class="weblinkmenu" width="181" height="250" border="1" bgcolor="#FFFFFF" bordercolor="#000000" cellspacing="5" cellpadding="">
  <tr>
  <td width="75" height="90"><p><img src="../../Resources/test/images/weblinkicon.png" width="40" height="40"></p>
  <p>Website link</p>
  </td>
  </tr>
  </table>

$（文档）.ready（函数（）{
$（'#weblinkbut'）。单击（函数（）{
$（'.weblinkmenu'）.css（'z-indez'，'9'）；
$（'.menuhome'）.css（'z-index'，'8'）；
});
});
网站链接


电话号码


电子邮件地址


 纯文本

网站链接

我认为您缺少的是，这些表没有放在彼此的顶部。 例如，您可以通过将两个表

position

设置为绝对值来实现这一点。否则，

z索引

无效。看看这把小提琴：

---

如果像这样定位表，则可以删除z索引并切换可见性，因为稍后定义的元素默认具有更高的z索引。

注意：z索引仅适用于定位的元素（位置：绝对、位置：相对或位置：固定）

$（'.weblinkmenu'）.css（'z-indez'，'9'）//将z-indez改为z-index…然后清楚地解释你的pbm…当我在我的本地服务器上查看网页时，当我单击表格单元格时，它应该将“Menuhome”放回几个z-index并打开相应的菜单（在这种情况下是“weblinkbut”，我单击并希望“weblinkmenu”与“Menuhome”重叠）。当我将键入的“z-indez”更改为“z-index”时仍然不起作用。菜单{z-index:9；位置：绝对；顶部：50px；左侧：50px；字体：“投石机MS”，Arial，Helvetica，sans serif；文本对齐：中心；}。weblinkmenu{z-index:8；位置：绝对；顶部：50px；字体：“投石机MS”，Arial，Helvetica，sans serif；文本对齐：中心；}当我把它放进我的医生并试着测试它的时候。它不起作用。我复制并粘贴“小提琴”中的内容。我也在一个新的文档中尝试了它，但仍然一无所获。然后你应该简化你自己的代码并检查它为什么不起作用。。。您还可以将调试输出添加到javascript代码中，以检查它是否工作（如警报）。有一件事：您是否正在页面中加载jquery？因为你使用的函数来自jqueryYou Beauty person！非常感谢你。结果也是这样，我的内容div的z索引与整个文档发生了冲突。谢谢你$（“#weblinkbut”）而不是$（“td#weblinkbut”）