我创建了具有 7 个 300 像素宽度和高度的 div 的简单幻灯片。每个 div 都相对于彼此放置。所有内容都放置在相对于彼此 900px 的容器 div 中,边距为 10px。现在要滑动图像,我正在改变左边的边距。
Case1:所有div的左边距为10px;现在滑块将通过将其 margin-left 设置为 -310px 来移动第一个 div。所有其他 div 都遵循第一个 div,因为它们是相对的。
案例 2:现在当我将第一个 div 的边距设置为 -620px 时,其他 div 的位置不会改变,在所有其他 5 个案例中都观察到相同的情况。为什么会这样。请务必解释。如果需要任何其他详细信息,请告诉我。我没有添加代码,因为滑块中包含了很多其他的东西,这会让所有人感到困惑。
链接到 jfiddle http://jsfiddle.net/#&togetherjs=LFTr8KkT3y
问候,