asp.net 下拉菜单 鼠标悬停 显示或隐藏
这个问题让我很困惑。
我在其它项目上都可以,鼠标悬上去也能显示下拉列表,问题是:当鼠标在下拉列表菜单上滚动时,却不显示了。
上代码:
<div id="menu">
<ul id="menu_1">
<li class="shouye"><a href="index.html" target="_blank">首页</a></li>
<li><a href="about.html" target="_blank">关于我们</a></li>
<li><a href="develop.html" target="_blank">发展历程</a></li>
<li><a href="products.html" target="_blank">我们产品</a>
<ul style="display:none;">
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
</ul>
</li>
<li><a href="###" target="_blank">精品推广</a></li>
<li><a href="join.html" target="_blank">代理加盟</a></li>
<li class="rencai"><a href="jobs.html" target="_blank">诚聘英才</a></li>
</ul>
</div>
<script typr="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">
// $(function() {
// $("ul#menu_1>li:has(ul)").hover(function()
// { $(this).find('ul').fadeIn(400); }, function() {
// $(this).find('ul').fadeOut(400);
// });
// });
jQuery(document).ready(function() {
// 找到所有菜单, 并添加显示和隐藏菜单事件
jQuery('#menu_1 > li').each(function() {
jQuery(this).hover(
// 显示菜单
function() {
jQuery(this).find('ul:eq(0)').show();
},
// 隐藏菜单
function() {
jQuery(this).find('ul:eq(0)').hide();
}
);
});
});
</script>