0

我有一长串从屏幕流出的 LId，我希望这样当我单击上一个和下一个按钮时，幻灯片会沿单击的任何方向移动。我希望它循环播放，如果可能的话，我想避开插件。

我知道我需要 marginLeft 来增加它的价值，但我不知道该怎么做。任何帮助将不胜感激。谢谢！

<ul>
   <li class="first selected team_one"></li>
   <li class="team_two"></li>
   <li class="team_three"></li>
   <li class="team_four"></li>
   <li class="last team_five"></li>
</ul>

$('.team .next').click(function(){
   $('.team ul li.first').animate({ marginLeft: '-157px' });
});

$('.team .prev').click(function(){              
   $('.team ul li.first').animate({ marginLeft: '0' });
});
4

1 回答 1

0

我们的想法是，这是一个彼此相邻的元素列表，在一个带有溢出：隐藏的 div 中。然后您只需为左侧或边距等设置动画以使其转到下一个图像，我使用的是 css3 过渡来为运动设置动画。

您可以使用几秒钟的 setTimeout() 执行一个函数，并在内部增加边距或向左（作为 pmandell 的注释），在增量之后您再次调用您的函数，您可以在顶部放置一个 if 语句，如 if left 或 margin 高于 x 然后你再次设置初始值而不是增量。您还可以定义一个布尔值并在该布尔值更改时停止动画，作为计数器或类似的东西。

希望它可以帮助你。

于 2012-11-07T16:56:51.477 回答