1

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

我使用图像而不是文本。我知道我的表格和图像中的表格大小不正确等，但目前只是一个测试。如果您能想到其他改进此菜单的方法，请告诉我。我对编码几乎一无所知，也没有做到这一点。

如果您看到任何 google 可能对此不满意的内容，也请告诉我。那里有一个隐藏的价值，我不确定 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>
4

2 回答 2

0

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

于 2013-03-26T14:52:38.087 回答
0

嗯，出于某种原因不会让我发表评论。注意：这不是一个答案。

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

于 2013-03-26T04:00:50.173 回答