我有一个菜单和一个子菜单,只显示鼠标悬停。但是我无法调整它的大小。
这是我的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>
感谢。
答案 0 :(得分:0)
我在这里做了一些改变
<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;
}
现在子菜单已调整大小。您可以根据需要调整大小。