Jquery CSS3在文档就绪时触发鼠标悬停状态

我知道，有很多关于这个话题的帖子，但由于某些原因，我无法将答案应用到我的案例中，希望有人能特别帮助我

基本上，我希望我的菜单在进入页面时以导航类的样式闪烁一次。（就像你将链接悬停一次一样）我想用这个代码段可以做到这一点

    $(function () {
        $(".navigation a").mouseover();
    }); 

不幸的是什么都没发生。。。 这是我的

我感谢你的帮助

干杯

---

Eric

您必须给元素时间进行转换。
我所做的是将另一个选择器添加到您的

.navigation a:hover

选择器，用于

.navigation a.active

，然后我会延迟切换该类，以便它可以在一小段时间内可见：

$（函数（）{
$（“.navigation a”）.addClass（'active'）；
setTimeout（函数（）{
$（.navigation a”）.removeClass（'active'）；
}, 150);
});
正文{
背景色：黑色；
}
/*导航格式*/
.导航{
文字装饰：无；
列表样式：无；
文本对齐：居中；
填充顶部：50px；
边框顶部：1px实心rgba（0,0,0,0）；
边框底部：1px实心rgba（0,0,0,0）；
字号：38px；
颜色：白色；
-webkit过渡：所有0.7秒轻松；
过渡：所有0.7秒缓解；
}
.导航ul{
左侧填充：0；
}
李先生{
显示：内联；
左：3em；
}
李：第一个孩子{
/*填充其他元素，使其成为元素*/
左侧填充：0；
}
.导航a{
显示：内联块；
填充：10px；
}
.导航a.激活，
.导航a:悬停{
颜色：#bd4832；
文本阴影：0px 0 15px#fff；
边界：1px；
文字装饰：无；
边框顶部：1px实心#fffad5；
边框底部：1px实心#fffad5；
}