在jQuery的显示和隐藏动画之后添加类

add class after jquery's show and hide animation

本文关键字：动画 之后 添加 隐藏 jQuery 显示      更新时间：2023-09-26

如何减慢添加类事件的速度，使其在 Jquery 中的隐藏和显示动画之后逐渐发生？

此实例中的 add 类是从本质上定位段落的 CSS 文件中读取的。每一个都甜蜜地发生，但在流畅的动画之后，添加类太突然和快速。

js 文件：

$(".grad").hide().show(3000, function() {
    $( this ).addClass("menubar");
});

可能在下面的代码有用，没有任何测试 我写了你的答案 

$(".grad").hide().show(3000, function() {
    setTimeout(function(){ $( this ).addClass("menubar"); }, 3000);
    });

没关系，自己想通了。 switchClass并没有很好地完成任务。在 CSS 中指向 class：menubar 的 addClass 定位该段落。

解决方案：我将 grad 重命名为 js 文件和 html 文件中的菜单栏，与我想在显示和隐藏后引入的类相同，并缩短了所有内容。以这种方式，菜单栏从 js 和 css 逐渐加载，不仅对显示和隐藏进行动画处理，还对 css 属性进行动画处理;很酷。

$(".menubar").hide().show(3000);
相关文章：