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

Posted

技术标签:

【中文标题】用 Transit 中的 transition() 替换 jQuery 幻灯片【英文标题】:Replace jQuery slide with transition() from Transit 【发布时间】:2013-06-19 09:27:23 【问题描述】:

找到了这个并愿意用 .transition() 替换 .animate() (http://ricostacruz.com/jquery.transit):

Replace jQuery slide with animate() CSS3

这似乎没有动画,而是在单击时完成:

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

【问题讨论】:

【参考方案1】:

您的 sintax 不正确,您可以使用以下值的传输:

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

那里的“身高:显示”是什么?

这是一个使用示例:

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

您看,持续时间也在 中声明。 http://ricostacruz.com/jquery.transit/#top上有一堆例子

【讨论】:

以上是关于用 Transit 中的 transition() 替换 jQuery 幻灯片的主要内容,如果未能解决你的问题,请参考以下文章

transition属性

CSS3 transition属性详解

如何在 jquery transit 中暂停和重新启动 css3 转换

# Transition:添加弹出过渡效果

鼠标悬停切换

详解css3中transition过渡属性