replace - 用 Transit 中的 transition() 替换 jQuery 幻灯片

Question

找到了这个并且很想用 .transition() 替换 .animate() （http://ricostacruz.com/jquery.transit）：

用 animate() CSS3 替换 jQuery 幻灯片

这似乎没有动画，而是在单击时完成：

el.transition({ "display": "block", "height": "show"}, 250);

Answer 1

您的 sintax 不正确，您可以使用带有以下值的传输：

不透明度、旋转、填充、宽度、高度、x 等。

那里的“身高：表演”是什么？

这是一个使用示例：

JQ(thePanel).transition({
                opacity: 0,
                duration: 200,
                rotate: '+=3deg',
                height: theHeight,
            });

您会看到，持续时间也在 {} 中声明。http://ricostacruz.com/jquery.transit/#top上有很多例子