带有独特动画面板的 jQuery 内容滑块

Posted

技术标签:

【中文标题】带有独特动画面板的 jQuery 内容滑块【英文标题】:jQuery Content Slider with Unique Animated Panels 【发布时间】:2011-11-13 05:01:35 【问题描述】:

我正在寻找一个 jQuery 内容滑块,它可以让我为每张幻灯片上的内容制作动画,并在我可以控制的幻灯片之间制作独特的动画(不是随机的)。

基本上,每张幻灯片都有 3 个元素。一张图片、一个矩形背景色形状和一些文字。在每张幻灯片上,我希望每个元素都移动到屏幕中(bg 滑入,然后在顶部显示图片,然后在顶部显示文本。对于每张幻灯片,我希望动画来自不同的方向(顶部的文本在第一个上,从右边到第二个)等等。 我还希望控制幻灯片之间的过渡(在第一张幻灯片过渡时,使用淡入淡出,在第二张幻灯片中使用从顶部滑入等)

我以为我不久前看到过这样的插件(可能是在粉碎杂志上?)但似乎找不到。 有人知道我可以使用这样的东西吗?

【问题讨论】:

【参考方案1】:

This slider 可用于使用数据属性为每个内容部分创建自定义动画。动画由Animate.css 驱动,背景过渡由 JQuery 驱动,因此您可以轻松更改它们。

Codecanyon 也有很多很酷的例子,我认为this one 是最好的

【讨论】:

以上是关于带有独特动画面板的 jQuery 内容滑块的主要内容,如果未能解决你的问题,请参考以下文章

带有验证插件问题的“非常简单的内容滑块”。

JQuery Mobile 1.4.5 右面板动画

JQuery 内容滑块 - 最佳实践?

Safari中留下jquery动画的问题

jQuery - 显示滑动面板时动画绝对定位的 div 的“左”位置

css 禁用全角滑块内容的动画