我一直在尝试用slidetoggle、slidedown/up...等来练习制作滑动菜单,但如果我想将鼠标悬停在菜单上,我似乎无法做到这一点。
到目前为止我已经有了这个,但它只在点击时有效,并且在离开菜单项后它不会消失。所以我想将鼠标悬停在主菜单项上,然后放下下拉菜单。任何帮助表示赞赏!
<form id="form1" runat="server">
<div id="multiDropMenu">
<ul id="menu">
<li><a href="#" id="places">Places</a>
<ul id="dropdown1">
<li><a href="http://google.com">To Go</a></li>
<li><a href="#">To See</a></li>
</ul>
</li>
<li><a href="#">Transportation</a></li>
</ul>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("#places").toggle(function() { $("#dropdown1").slideDown("fast"); },
function() { $("#dropdown1").slideUp("fast"); });
});
</script>