所以,我对jQuery相当陌生。我在做一个网站,和Twitter Bootstrap
合作。现在我想让我的菜单按钮弹出。mouseenter
。这个作品。但是我想回到它原来的状态。mouseleave
。有人能帮忙吗?
$('.nav-pills li a').not('.nav-pills .active a').mouseenter(function(){
console.log('enter');
$(this).animate({
height: '+=5px',
opacity: '1'
}, 300);
});
$('.nav-pills li a').not('.nav-pills .active a').mouseleave(function(){
console.log('leave');
$(this).animate({
height: '-=5px',
opacity: '0.5'
}, 300);
});
编辑:对不起…下面的HTML:
<div class="container" id="menu">
<div class="tabbable fixed-top">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Restaurant</a></li>
<li><a href="#">Hotel</a></li>
<li><a href="#">Feesten & vergaderen</a></li>
<li><a href="#">Nieuwsbrief & activiteiten</a></li>
<li><a href="#">Omgeving & links</a></li>
<li><a href="#">Revieuws / Gastenboek</a></li>
</ul>
</div>
</div>
——你的代码运行良好
—更改mouseleave事件的不透明度:'1'
—Try this
$('.nav-pills li a').not('.nav-pills .active a').hover(function () {
$(this).animate({
height: '+=5px',
opacity: '0.5'
}, 300);
}, function () {
$(this).animate({
height: '-=5px',
opacity: '1'
}, 300);
});