javascript - 悬停菜单不调整大小

Question

我有一个菜单和一个子菜单，它们只会在鼠标悬停时显示。但我无法调整它的大小。

这是我的javascript:

$('#menu li').hover(function() {
        $(this).find('ul').show();
    },
    function() {
      $(this).find('ul').hide();
});

HTML 部分:

      <ul id='menu'>

        <li>
           <a href="#"class="current">Marketing</a>
               <ul style="display:none; border-bottom-color:#F00;">
                  <li style="margin:-350px 294px 0px">
                      <a href="#" >ForSale</a>                     
                  </ul>
               </li>
       <!-- <li></li>-->
      </ul>
    </nav>
</header>

Demo is here.

谢谢。

Answer 1

我在这里做了一些改动

  <ul class="submenu" style="width:60px; display:none; border-bottom-color:#F00;"><li style="margin:-328px 294px 0px"><a href="http://localhost/new_vinu_sir/Marketing.html" >ForSale</a>                     
                                    </ul></li>

并放置css

.submenu li a
{ 
    width:100px;
    height:50px;
}

现在子菜单已调整大小。您可以根据需要调整大小。