使用javascript的旋转木马滑动效果

我想创建一个带滑动效果的旋转木马，如图所示，如果用户单击幻灯片，新幻灯片将从右侧显示并向左移动。我怎样才能做到这一点呢？

就我个人而言，我是用CSS做到这一点的

<div class="slider">
   <div>Content area 1</div>
   <div>Content area 2</div>
   <div>Content area 3</div>
</div>

那么我的JavaScript就可以做到：

theSlider.children[0].style.marginLeft=（-100*pageID）+“%”；
//因此，第一个面板的浏览率为0%，第二个面板的浏览率为100%，以此类推。

---

旁注：元素之间的间距将扰乱对齐。或者将所有的

内容面板放在一行上（或者更具体地说，确保面板之间没有空格），或者使用JS去除元素之间的空格。

Google'JavaScript carousel'实际上有数百个可以使用。为什么在.slider>div中有“>？我以前从未见过这种符号。另外，不知道为什么会有一个子数组，pageID是一个遍历slides@user3308889让我吃惊的是，有多少人“从未听说过”像“儿童组合器”这样简单的东西。。。这基本上意味着它只影响紧靠

.slider

内部的

，而不影响任何更深层次的嵌套

（例如，如果其中一个滑块面板的某处包含

）