滑动切换上的jQuery clearInterval

我有一个div，当鼠标悬停在上面时，滑动切换一个

标记使其可见，然后我激活一个setInterval来设置可见

标记的动画，当用户不再将鼠标悬停在div上时，
标记会像应该的那样隐藏，但动画仍继续运行。当用户不再悬停时，我已经尝试了我所能想到的一切来停止动画，但我对jQuery是新手，我没有成功

这把小提琴让你看看我有什么

我希望
标记在不再悬停时返回开始位置，并且当用户将鼠标悬停在div上时，动画再次开始

谢谢您的帮助。
您正在使用设置为零的间隔来运行动画

动画每秒会运行数千次，这会让你的浏览器一团糟，根本不需要间隔功能，但它可能更像这样：

var timer;

$('#portRibbon').on({
    mouseenter: function() {
        $('#text3').stop(true,true).css('top', '0px');
        $('#portDescription').slideDown(500, function() {
            $('#text3').animate({
                'top': '-35px'
            }, 6000).delay(1000).animate({
                'top': '0px'
            });
        });
    },
    mouseleave: function() {
        $('#portDescription').slideUp(500);
    }
});

​
 您正在使用设置为零的间隔来运行动画

动画每秒会运行数千次，这会让你的浏览器一团糟，根本不需要间隔功能，但它可能更像这样：

var timer;

$('#portRibbon').on({
    mouseenter: function() {
        $('#text3').stop(true,true).css('top', '0px');
        $('#portDescription').slideDown(500, function() {
            $('#text3').animate({
                'top': '-35px'
            }, 6000).delay(1000).animate({
                'top': '0px'
            });
        });
    },
    mouseleave: function() {
        $('#portDescription').slideUp(500);
    }
});

​
 在脚本末尾添加此事件：

$('#portRibbon').mouseout(function(){
    $('#text3').animate({duration:0});
});

检查此示例：

发件人：

附加说明：

所有jQuery效果，包括.animate（），都可以
通过设置jQuery.fx.off=true全局关闭，这将有效地
将持续时间设置为0。有关详细信息，请参见jQuery.fx.off

在脚本末尾添加此事件：

$('#portRibbon').mouseout(function(){
    $('#text3').animate({duration:0});
});

检查此示例：

发件人：

附加说明：

所有jQuery效果，包括.animate（），都可以
通过设置jQuery.fx.off=true全局关闭，这将有效地
将持续时间设置为0。有关详细信息，请参见jQuery.fx.off

我通过在悬停状态下添加
span
，然后在
mouseleave
上删除它，成功地使它工作

我将
span
和文本节点存储为变量，然后使用
append（）
将其附加到
p
标记中。当用户离开时，我使用
remove（）
删除
mouseleave
上的变量

要查看它是否工作，请单击小提琴

再次感谢那些回答我问题的人。
我通过在悬停状态下添加
span
，然后在
mouseleave
上删除它，成功地让它工作起来

我将
span
和文本节点存储为变量，然后使用
append（）
将其附加到
p
标记中。当用户离开时，我使用
remove（）
删除
mouseleave
上的变量

要查看它是否工作，请单击小提琴

再次感谢那些回答我问题的人。
你的问题激发了我建立网站的灵感！谢谢。你的问题启发了我的网站！谢谢。谢谢你的回复，我看了你的小提琴，动画还在运行，fx.off并没有停止，但是我刚刚花了几个小时来修复它，现在我已经让它工作了。不过，你的答案都没有白费，因为我需要将其合并并稍加修改。再次感谢你。感谢你的回复，我看了你的小提琴，动画还在运行，fx.off并没有停止，但是我刚刚花了几个小时修复它，现在我已经让它工作了。不过，你的答案都没有白费，因为我需要将其合并并稍加修改。再次感谢您。谢谢您的回复。我想把这个描述像广告牌一样重复一遍，这样如果有人错过了，就有机会再看一次，最后我也设法自己修复了它，再次感谢你的帮助。谢谢你的回复。我想把这个描述像广告牌一样重复一遍，这样，如果有人错过了，就有机会再看一次。最后，我自己也设法修复了它，再次感谢你的帮助。