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

因此，我想在元素悬停时或在某个时间没有悬停的情况下设置动画并显示菜单

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

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 );  
}

试试这个：

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）
谢谢，成功了！但是为什么我们不调用一个带有整个函数名+参数的函数，比如“startAnimation（）”？@Agush：因为这样一来，我们就不用将它设置为每次都运行函数，而是说现在运行一次并将函数的返回值赋给它谢谢！您可以在此处勾选最终产品：