我正在尝试建立与MediaFire 注册页面上所见类似的效果。当您单击“尝试”按钮时,整个表单 div 的高度会缩小,并且注册表单会从右侧滑入。然后在该新表格上,您可以单击“返回”以滑回表格显示。
我确信这可以通过包含 jQuery UI 库来完成,但我很想只用常规的 jQuery 来做到这一点。我可以遵循任何可靠的解决方案吗?甚至不一定是插件,而是可以在不需要 UI 库的情况下使用 jQuery 的东西。
我正在尝试建立与MediaFire 注册页面上所见类似的效果。当您单击“尝试”按钮时,整个表单 div 的高度会缩小,并且注册表单会从右侧滑入。然后在该新表格上,您可以单击“返回”以滑回表格显示。
我确信这可以通过包含 jQuery UI 库来完成,但我很想只用常规的 jQuery 来做到这一点。我可以遵循任何可靠的解决方案吗?甚至不一定是插件,而是可以在不需要 UI 库的情况下使用 jQuery 的东西。
我开发了这个网站http://www.ladehoffcondominios.com.br/#home,你可以看看 ajax.js 和 gs.page.js 的源代码。
这有点令人困惑,但想法是使用animate()函数更改内容 div 的左/右边距。
如果您看起来不错,我会使用 ajaxComplete() 函数在内容准备好时将其带回。但我不认为是最好的主意。(如果您愿意,我可以更好地解释)
如果您尝试更好的方法,请添加评论以帮助我改进我的代码。
谢谢。