Question

如何在此下拉菜单中添加第二列？

我正在使用图片而不是文字。我知道我的桌子和图像中的表格大小不对，但目前只是一个测试。如果你能想到其他任何改进这个菜单，请告诉我。我对编码几乎一无所知，也没有做到这一点。

如果您发现谷歌可能对此不满意，请告诉我。那里有一个隐藏的值，我不确定seo是否正常，因为我不明白隐藏的值是如何起作用的

<style>
    table.menu
    {
        font-size:100%;
        position:absolute;
        visibility:hidden;
    }
</style>

<script type="text/javascript">
    function showmenu(elmnt)
    {
       document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
       document.getElementById(elmnt).style.visibility="hidden";
    }
</script>

<table border="1" cellspacing="1" width="60" height="60">
  <tr>
    <td width="60" height="60">
        <table width="60" height="60">
          <tr bgcolor="#FFFFFF">
            <td onmouseover="showmenu('Graphic Design')" onmouseout="hidemenu('Graphic Design')">
               <img src="Thumbs/plus.png" width="60" height="60"><br />
               <table class="menu" id="Graphic Design" width="60">
                   <tr>
                      <td class="menu"><a href="www.techagesite.com/meboy.htm">
                        <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100"   height="150">
                      </td>
                   </tr>
                   <tr>
                      <td class="menu"><a href="www.techagesite.com/meboy.htm">
                        <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150">
                      </td>
                  </tr>
               </table>
            </td>
          </td>
       </tr>
      </table>
    </td>
  </tr>
</table>

Answer 1

嗯，不要让我因某些原因发表评论。注意：这不是一个答案。

表格应该只用于存储表格数据，是否可以提供有关您尝试执行的操作的更多信息。什么是下拉菜单，导航或显示项目？差异将决定适合您的方案的控件。

Answer 2

将图像放在DIV中，因为每个图像都有一个无序列表，默认情况下禁用该类，然后在悬停时通过javascript激活。

如何在此下拉菜单中添加第二列？

2 个答案: