1

我正在寻找编写一个 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 秒会很有帮助。

任何关于如何编写它的指针都会非常有帮助。

谢谢

4

1 回答 1

2

这就是你要找的?小提琴

不使用 jQuery。
注意布局的细微变化(内容 DIV 在容器中)。
需要用于溢出、显示、填充和边距的 CSS。

我只是写了最基本的线性滚动,你可以随意修改。

于 2012-08-26T01:04:57.157 回答