如何创建使用HTML5

Question

我知道这是微博大的问题，但我希望建立类似http://net.tutsplus.com/articles/quizzes/nettuts-quiz-6-how-well-do-you-know-html5/也与拖放功能，但不能确定从哪里开始寻找一个测验测验。 有什么建议吗？ 谢谢

Answer 1

您可以使用Google Chrome中的开发者工具或Firefox中的FireBug调查tutsplus测验。

一些想法上是如何做的：

考虑的问题数量：10

• 测验包含不同的幻灯片。
• 因此，我们必须
  • 欢迎幻灯片
  • 10幻灯片（每题一个幻灯片）
  • 结果滑动
• 每个问题幻灯片将有
  • 一个问题
  • 4选项
  • 下一步按钮
• 我们将只显示一个随时幻灯片。
• 开始 - 我们将仅显示第一张欢迎幻灯片并隐藏所有其他幻灯片。
• 每当我们点击开始（欢迎幻灯片）或下一个（问题幻灯片）或完成（最后一张幻灯片），它只是隐藏当前幻灯片，并显示下一张幻灯片。
• 无论何时我们点击任何答案，我们都会为它添加一个类。
• 在结果幻灯片，我们核对答案，这些选定的项目和计算结果。
• 我们需要所有的问题，选项和正确的答案。

这是tutsplus测验如何使用

• HTML
• CSS
• 的JavaScript/jQuery的

关于拖放，我们可以使用jQuery UI的可拖动来实现， jQuery UI Droppable和Sortable取决于您的要求。

您可以使用许多其他的方式来实现你所需要的，也为更多的问题和集的一些后端技术。