javascript - 如何使用 jquery/javascript 在悬停或超时时设置动画？

Question

所以我想在元素悬停时或在经过一定时间后没有悬停时动画并显示菜单。

这就是我所拥有的，但它不起作用。

var didAnimationStart = 0;

$(document).ready(function() {
    $('#logoi').hover(startAnimation()); 
    var t = setTimeout("if (didAnimationStart==0) startAnimation();",10000);
});

function startAnimation()
{
        didAnimationStart = 1;
        $('.linea').animate({
            width: "93%",
        }, 3000 );
        $('.menu-txt').animate({
            opacity: "1",
        }, 2500 );  
}

Answer 1

试试这个:

var didAnimationStart = 0;

$(document).ready(function() {
    $('#logoi').hover(startAnimation); 
    var t = setTimeout(function() { 
        if (didAnimationStart==0) startAnimation();
    },10000);
});

function startAnimation()
{
        didAnimationStart = 1;
        $('.linea').animate({
            width: "93%",
        }, 3000 );
        $('.menu-txt').animate({
            opacity: "1",
        }, 2500 );  
}

我去掉了这一行中的 ():$('#logoi').hover(startAnimation);