具有独特动画面板的 jQuery 内容滑块
我正在寻找一个 jQuery 内容滑块,它允许我为每张幻灯片上的内容设置动画,并在我可以控制的幻灯片之间制作独特的动画(不是随机的)。
基本上,每张幻灯片都有 3 个元素。一张图片、一个矩形背景颜色形状和一些文本。在每张幻灯片上,我希望每个元素都移入屏幕(bg 滑入,然后图片在顶部,然后文本在其顶部。对于每张幻灯片,我希望动画来自不同的方向(文本从顶部在第一个上,从右边在第二个上)等等。 我还希望控制幻灯片之间的过渡(在第一张幻灯片过渡上使用淡入淡出,在第二张幻灯片上使用从顶部幻灯片等)
我想我不久前见过这样的插件(也许在粉碎杂志上) ?)但似乎找不到它。 有人知道我可以使用类似的东西吗?
I'm looking for a jQuery content slider that will allow me to animate the content on each slide, and do unique animations between slides that I can control (not random).
Basically, each slide will have 3 elements. A picture, a rectangular background color shape, and some text. On each slide, I want each of the elements to move into the screen (bg slides in, then pic on top, then text on top of that. For each slide, I want the animation to come from a different direction (text from top on the first one, from the right on the second) and so on.
I would also like the transitions between slide to be controlled (on the first slide transition, use a fade, on the second use a slide in from top, etc)
I thought I had seen a plugin like this awhile ago (maybe on smashing magazine?) but can't seem to find it.
Anyone know of anything like this I could use?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
此滑块可用于使用数据属性为每个内容部分创建自定义动画。动画由 Animate.css 驱动,背景过渡由 JQuery 驱动,因此您可以轻松更改它们。
Codecanyon 上也有很多很酷的例子,我认为这个 是最好的
This slider can be used for creating custom animations for each content part using data attributes. Animations are driven by Animate.css and background transitions by JQuery, so you can easily change them.
There are also many cool examples at Codecanyon, I think this one is the best