Question

您好我正在寻找以下快速简便的解决方案：

我的分区标签是单元格宽度的三倍（所以我的可见单元格/ div将是200px，但内容将是600px）需要显示它，我希望它能够执行以下操作：

--------------------------
|        |       |       |
|    1   |   2   |   3   |
|        |       |       |
--------------------------

最初我希望看到1然后当用户点击1中的链接时它应该滑动到2.当在2时，将向用户显示名称和电话号码的简单2字段表单。当用户点击提交按钮时，我希望它发送表单，然后滑动到3，这将是一个感谢信息，然后在X秒后滑回1。

我觉得它应该很容易，并且觉得应该很容易实现，但最近才开始使用jQuery，所以仍然可以解决所有问题！

任何帮助都将不胜感激。

Answer 1

假设你可以自己处理所需的html / css，jQuery的animate应该可以让你做你想做的事。

点击1

$(elm).animate({left: '+=200'}, 2000); /* time in ms the transition from 1 to 2 should take */

假设在2上你有一个表单元素

您需要在表单上使用bind()捕获submit事件，并阻止默认操作，而是使用jQuery.post()在后台提交数据。同时再次动画从2到3

$(elm).animate({left: '+=200'}, 2000).delay(5000).animate({left: '-=400'}, 1000);
//this goes from 2 to 3 in 2s displays 3 for 5s and then goes back to 1 in 1s

快速简单的jQuery效果

1 个答案: