HTML数据输入向导,淡入淡出和步骤之间的滑动

时间:2014-02-08 00:45:03

标签: jquery html wizard

我有一个分为多个步骤的数据输入表单。每一步都是自己的div。填写表单时,我希望在每个步骤之间有一个很好的过渡,其中当前步骤/ div淡出,表单的高度调整到下一步/ div的正确高度,然后是新步骤/ div淡出。

这可能会像“Lightbox”一样,但不会出现在模态弹出窗口中。

也与此Sliding Form类似,但底部只有“下一步”和“上一页”按钮,而不是每一步的标签。

这样的JavaScript库是否已经存在,或者是将每个div设置为style =“display:none;”的最佳选择并结合.slideDown()和.fadeIn()?

2 个答案:

答案 0 :(得分:3)

如果您想使用NextPrevious按钮,here是非常好的演示。

以下是GitHub以上jquery插件的链接

答案 1 :(得分:2)

我使用jQuery Steps取得了很大的成功

它非常精致,每步提供验证,并且可以自定义。