Javascript div滑块没有jquery

Question

我正在寻找一个javascript div滑块。我尝试了用于div滑动的JQuery插件。但是，由于我们的应用程序是动态生成的，因此当前的jQuery插件似乎无法正确呈现滑块。

因此想看看我是否可以编写一个简单的滑块，以滑块方式切换两个div。

基本上，我会有两个div和一个左按钮和一个右下角。

<img src='images/left'></img>
<div id='content-one'>My First content </div>
<div id='content-two'>My Second content </div>
<img src='images/right'></img>

因此，当我单击右键时，第一个内容应滑动到第二个内容（水平）。同样，我可以用左按钮将其翻转。能够在转换之间延迟1秒有用。

任何关于如何写这个的指针都会非常有用。

THX

Answer 1

这是你在寻找什么？ Fiddle

  

不使用jQuery   注意布局略有变化（内容DIV在   一个容器）   溢出，显示，填充和边距的CSS是   必需的。

我刚刚编写了最基本的线性滚动，您可以根据需要进行修改。