jQuery故事板下一个上一个

Question

我希望创建oDesk在http://www.odesk.com/w/odesk_story

上使用的故事板构思

我喜欢html的布局方式，但我似乎无法找到控制它的javascript。

如果我要完全重新创建该功能，那么最好使用的插件是什么。

或者就此而言，自己写这篇文章很难吗？

总结。

将有5个故事块，第一个显示，其他隐藏。当您单击下一步时，它会隐藏第一个并显示下一个。

让我们假设我们想要一个可以处理不同数量幻灯片的jquery代码。

我的jQuery有点生气，任何帮助或提示将不胜感激。尝试编写我自己的代码对我没有害处。

更新：

最后，我实际上没有任何javascript工作。我只是使用了锚文本和溢出：隐藏了一些其他css属性以使其工作。唯一的问题是它没有很好的滑动效果。如果我想向锚链接添加转换，那么最好的方法是什么？

更新2：

对于任何有兴趣的人，您可以在这里查看最终产品; http://www.fishpond.ie/howitworks.html

Answer 1

我刚刚使用scrollTo创建了非常相似的内容。

Answer 2

我使用easySlider编写了一个类似于您最近描述的广告横幅。它开箱即用，我设法修改了一些代码以启用下一个/上一个以及数字幻灯片选择框。

Answer 3

我认为只使用jQuery和jQuery UI来做这件事没有问题。

您可以运行并滑动效果http://jqueryui.com/demos/effect/并切换div以显示：无