jQuery滑动左/右内容面板

时间:2012-10-14 14:57:19

标签: jquery forms jquery-animate sliding panels

我正在尝试建立与MediaFire signup page上看到的类似效果。当您单击“尝试”按钮时,整个表单div的高度会缩小,注册表单会从右侧滑入。然后在该新表单上,您可以单击“返回”以滑回到表格显示。

我确信这可以通过包含jQuery UI库来完成,但我喜欢用常规的jQuery来做到这一点。我可以遵循任何可靠的解决方案吗?甚至不一定是插件,但可以使用jQuery而不需要UI库。

1 个答案:

答案 0 :(得分:1)

我开发了这个网站http://www.ladehoffcondominios.com.br/#home,您可以查看ajax.js和gs.page.js的源代码。

这有点混乱,但这个想法是使用animate()函数改变内容div的左/右边距。

如果你看起来很好,我会使用ajaxComplete()函数将内容恢复到准备状态。但我不认为这是最好的主意。 (如果你想我可以更好地解释)

如果您尝试更好的方法,请添加评论以帮助我改进代码 感谢。