使用jquery滑动/移动div

时间:2012-06-09 13:09:56

标签: jquery jquery-ui html slider

我对jquery很新,并且没有找到任何有关以下问题的帮助。想象一下这个HTML代码:

<div id="slideLeft">Click here to slide left</div>
<div id="main">
    <div id="div1">Content</div>
    <div id="div2">Content</div>
    <div id="div3">Content</div>
    <div id="div4">Content</div>
</div>
<div id="slideRight">Click here to slide right</div>

每个div都有固定的高度和宽度,但主div应该只显示两个div。在这个主div的左侧和右侧有按钮或其他任何东西(在这个例子中只是其他div),它们在点击时滑动内容div。

默认情况下,我们会看到div1,div2。当我点击“向右滑动”时,它应该移动div,所以我们会在滑动后看到div2,div3。等等。

我见过很多滑块的例子(看起来像滚动条),但这并不是我正在寻找的。

感谢您的意见,我希望我的问题足够明确!

1 个答案:

答案 0 :(得分:4)

我刚才写过这篇文章(并根据您的需要稍微调整了一下)。这里有工作小提琴:

http://jsfiddle.net/ben1729/CtNsE/2/