如何在类的元素之间以一定的间隔循环悬停

Question

我想在一段时间后在一些元素上设置悬停动画，但似乎做不好。

这是我试过的。

代码

$(document).ready(function(){
    function setHover() {
        $('.header_Icons_Main').each(function(i, obj) {
            $(this).mouseenter()
        });
    }
    setInterval(setHover, 1000);
});

谢谢。

Answer 1

如果您试图触发CSS悬停（由.header_Icons_Main:hover之类的东西定义的样式），不幸的是，使用JavaScript似乎无法做到这一点。有关详细信息，请参阅此答案。

但是，您可以定义一个类来添加您想要的悬停样式，并通过JS添加/删除这个类。

function setHover() {
    $('.header_Icons_Main').addClass('hover');
}

看看这个jsfiddle。

编辑：在阅读了您对每个项目顺序触发悬停状态的更新意图后，我在这里更新了fiddle。