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 部分执行动画的非常简单的方法。 Here is jquery .

查看: codecademy 他们有一个很好的线性学习轨道，可以让你从婴儿网络开发者到至少比初学者更好。