Javascript 如何在引导中添加下拉菜单淡入动画

我使用以下代码在悬停-

。下拉：悬停。下拉菜单{
显示：块；
页边空白：5px
}

您可以在CSS中使用transition属性

请参阅本教程：

---

您可以在CSS中使用transition属性

请参阅本教程：

$（'#用户菜单'）。在({
“显示的.bs.下拉列表”：函数（）{
$（this.find（'.dropdown menu'）.addClass（'animated fadeIn'）；
setTimeout（函数（）{
$（'.dropdown menu'）.removeClass（'动画淡入'）；
},1000);
},
“隐藏B.下拉列表”：函数（e）{
e、 预防默认值（）；
$（this.find（'.dropdown menu'）.addClass（'animated fadeOut'）；
setTimeout（函数（）{
$（'.dropdown menu'）.removeClass（'animated fadeOut'）.parent（）.removeClass（'open'）；
},1000);
}
});
@导入url（'https://rawgit.com/daneden/animate.css/master/animate.css');










$（'#用户菜单'）。在({
“显示的.bs.下拉列表”：函数（）{
$（this.find（'.dropdown menu'）.addClass（'animated fadeIn'）；
setTimeout（函数（）{
$（'.dropdown menu'）.removeClass（'动画淡入'）；
},1000);
},
“隐藏B.下拉列表”：函数（e）{
e、 预防默认值（）；
$（this.find（'.dropdown menu'）.addClass（'animated fadeOut'）；
setTimeout（函数（）{
$（'.dropdown menu'）.removeClass（'animated fadeOut'）.parent（）.removeClass（'open'）；
},1000);
}
});
@导入url（'https://rawgit.com/daneden/animate.css/master/animate.css');