在jquery显示和隐藏动画后添加类

时间:2015-01-29 09:42:24

标签: javascript jquery hide show addclass

如何在Jquery中隐藏和显示动画后逐渐减慢添加类事件的速度?

此实例中的add类是从CSS文件中读取的,该文件基本上定位了段落。每一次都是甜蜜地发生,但是在平滑动画之后,添加类太过突然和快速。

js文件:

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

2 个答案:

答案 0 :(得分:0)

可能低于代码有用,没有任何测试我写了你的答案

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

答案 1 :(得分:0)

没关系,自己想通了。 switchClass没有完成任务。 指向class的addClass:css中的menubar定位段落。

解决方案:我在js文件和html文件中将grad重命名为菜单栏,与我想在show之后引入的类相同,并隐藏和缩短所有内容。通过这种方式,菜鸟从js以及css和动画逐渐加载,不仅是show和hide,还有css属性;非常酷。

$(".menubar").hide().show(3000);