jquery - 如果 slider 元素没有绝对定位,如何为它们设置动画?

标签 jquery css animation jquery-animate

我正在尝试为我的网站创建一个动画 slider ,我正在使用 float 和边距来定位 slider 的元素,我正在寻找任何可以集成到我的 slider 中的元素,然后我发现我需要使用 CSS3 转换并且这些元素需要绝对定位在它们的父元素中,这就是问题所在。 我不想绝对定位元素,因为我现在定位它们的方式和元素具有可变大小。

那么如何在不使用绝对位置的情况下对这些元素进行动画处理或过渡呢? 我想用不同的持续时间和方向为每个元素设置不同的动画。

谢谢。

更新:我正在使用 WooThemes 的 Flexslider

最佳答案

你可以通过javascript将广告添加到CSS中

'+=10px' or '-=10px' 

so 添加或减少您想要设置动画的元素的值,而无需说明结果的确切数量。希望对你有帮助

编辑

您也可以在不使用任何 javascript 的情况下在您的@keyframes 中使用它

关于jquery - 如果 slider 元素没有绝对定位,如何为它们设置动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13744288/

相关文章:

javascript - 使用ajax发送表单数据

javascript - 嵌入式YouTube视频无法在全屏模式下运行

javascript - CSS:当 image1 动画不正确时,图像集会移动,而它们应该留在原处

javascript - 使用 jQuery 在 Google map 上的两点之间绘制一条线?

javascript - Bootstrap 容器流体 div 的右侧超出页面包装器

html - 带背景图片的标题导航

javascript - 如何在外部单击关闭此菜单?

html - CSS3 中的超酷线性渐变

html - 使用 Animate.css 动画化 anchor 标签

html - 如何使动画 Sprite (带有行和列)在 Firefox 中工作?