0

我有一个具有淡入和淡出过渡的滑块。它基本上循环和切换我的<li></li>元素并将.current类添加到活动幻灯片。看起来像这样 <li class="current"></li>。

您认为我的代码的解决方案是什么？ http://jsbin.com/evayaw/

我刚刚添加了一个按钮以.active在幻灯片上添加一个类 ( ) 以模仿我的滑块行为。.active在父<li>容器上添加类时，每张幻灯片内的对象都会动画。它也应该在删除.active类后转换出来。转换通常会执行相反的属性，例如。从opacity: 1;它将去opacity 0;或从left: 100;到left: 0;。

类似： http ://tympanus.net/Development/ParallaxContentSlider/ - 这与我现有的滑块使用不同的方法，所以我不能使用它。

4

1 回答 1

0

http://jsbin.com/evayaw/35

如果您单击 2，然后单击 3，然后单击 2，这就是您想要的吗？部分问题是当您删除 .active 时，它​​将不再具有 .active z-index:9999;。我添加了一个.unActive（也有z-index:9998;，并且还添加了一个`.delay'。

此外，使用您一直转到页面顶部的 href 标记，我删除了它们。（我想我本可以让他们停止默认行为，但我将a属性放入li，并且还提供li了鼠标指针属性。我也让你的点击使用 nth_of_type()，但你可以删除它，只是帮助我确保你的按钮没有不是问题。

编辑：此外，当您希望动画“反转”而不是.object_#放.unActive .object_#

于 2012-06-15T13:40:43.263 回答