好吧,我试图制作我的第一个菜单,并且我很难接受这个下拉脚本。
逻辑是简单而经典的,当你将鼠标移动<li>
下拉隐藏时,徘徊某个<li>
会丢弃一个子菜单(好吧,它不应该隐藏,但当你将鼠标移到另一个<li>
上时 $(function() {
$('.menu-content-news').hover(function() {
$('.subnav').css('visibility', 'visible');
});
$('.menu-content-news').mouseleave(function () {
$('.subnav').css('visibility', 'hidden');
});
$('.subnav').hover(function() {
$(this).css('visibility', 'visible');
});
$('.subnav').mouseleave(function() {
$(this).css('visibility', 'hidden');
});
1}},子菜单必须关闭,否则我只会弹出数十亿的子菜单并且无法关闭任何人
那么,有人可以帮助我吗?
这是我的实际来源:
{{1}}
});
这是我的网站http://nfd.altervista.org/kindmenuonpure.html(显然还在努力,我只是为了挑战和测试我的能力,我真的想在这个网页设计领域进行改进,这是我的第一次测试。如果您愿意,还要留下有关该网站的反馈,或如何改进它) 谢谢!
答案 0 :(得分:1)
您可以使用jQuery函数.hide();而不是附加CSS。或切换您可以为其添加参数以设置持续时间:
$('.menu-content-news').hover( function() {
$('.subnav').toggle('slow');
}