如何創建使用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取決於您的要求。

您可以使用許多其他的方式來實現你所需要的，也爲更多的問題和集的一些後端技術。