添加新类时的动画

时间:2013-05-10 01:22:56

标签: html css animation

我的网络应用程序有两种不同的模式:视觉和交互。最初app处于可视模式。当用户进入交互模式时,我在容器div中添加了“interactive”类。当这种模式发生变化并且我添加了这个类时,会出现一些之前隐藏的新div。

我在CSS中使用此类规则:

.interactive #somedivThatWasHidden{
    height: 100%;
    width: 20%;
}

我的问题是,当这种转变发生时。也就是说,当我说$(".container").addClass("interactive");时,我希望这些新的div显示为动画(从侧面滑入)。

1 个答案:

答案 0 :(得分:0)

您可以使用jQueryUI来制作动画。

在这里办理入住..

http://jqueryui.com/toggleClass/

您还可以使用jQuery动画功能

类似

$(".container").addClass("interactive").animate({
//do your things
});

http://api.jquery.com/animate/