javascript - 如果执行，单击后如何向左滑动完整的 div

Question

我是 javascript & html5 & css3 的初学者。我正在尝试添加一个类似 groupon.com 的功能，用户可以在其中输入信息并转到下一个 div。我需要使用幻灯片或动画。

目前我有一个 ccs ：

#firstquestion {
    width: 500px
    z-index:3
    display: block 
}

#secondquestion {
    left: 800px;
    display: block;
}

#secondquestion {
    left: 800px;
    display: block;
}

和我的表格：

<form>
    <div id="firstquestion">
        <input value="your name" />
        <button onclick=""> continue </button>
    </div>
    <div id="secondquestion">
        <input value="You favorite book" />
        <button> Continue </button>
    </div>
    <div id="thirdquestion">
        <input value="Your favorite food" />
        <button> Continue </button>
    </div>
</form>

任何帮助不胜感激！

Answer 1

我肯定会探索一些jquery。这是在 HTML 部分上执行动画的非常简单的方法。 这是 jquery。

退房： codecademy 他们有一个很好的线性学习轨道，可以带你从初级网络开发人员到至少比初学者更好。

Answer 2

我会使用 jquery 作为您的 javascript 库 www.jquery.com 并使用动画函数 http://api.jquery.com/animate/

查看此链接以了解有关使用 jquery animate http://vandelaydesign.com/blog/web-development/jquery-animation-tutorials/的一些想法

这应该会让你在你需要的道路上走得更远。