<sub id="xt3p5"><listing id="xt3p5"><thead id="xt3p5"></thead></listing></sub>

    <track id="xt3p5"><big id="xt3p5"><em id="xt3p5"></em></big></track>

    <menuitem id="xt3p5"><dfn id="xt3p5"></dfn></menuitem>
      <track id="xt3p5"></track>
      <pre id="xt3p5"></pre>

          <form id="xt3p5"></form>

          [科技]基于jQuery在線問卷答題系統代碼

            分享一款基于jQuery在線問卷答題系統代碼是一款實用的jQuery答題插件,點擊下一題切換帶有淡入淡出效果。實現的效果圖如下:

            實現的代碼。

            html代碼:

            <div class="demo">
                  <div id='quiz-container'>
                  </div>
              </div>

            js代碼:

             var init = { 'questions': [{ 'question': 'jQuery是什么?', 'answers': ['JavaScript庫', 'CSS庫', 'PHP框架', '以上都不是'], 'correctAnswer': 1 }, { 'question': '找出不同類的一項?', 'answers': ['寫字臺', '沙發', '電視', '桌布'], 'correctAnswer': 3 }, { 'question': '國土面積最大的國家是:', 'answers': ['美國', '中國', '俄羅斯', '加拿大'], 'correctAnswer': 3 }, { 'question': '月亮距離地球多遠?', 'answers': ['18萬公里', '38萬公里', '100萬公里', '180萬公里'], 'correctAnswer': 2}] };
          
                  $(function () {
                      $('#quiz-container').jquizzy({
                          questions: init.questions
                      });
                  });

          亚洲Av日韩AV激情亚洲

            <sub id="xt3p5"><listing id="xt3p5"><thead id="xt3p5"></thead></listing></sub>

            <track id="xt3p5"><big id="xt3p5"><em id="xt3p5"></em></big></track>

            <menuitem id="xt3p5"><dfn id="xt3p5"></dfn></menuitem>
              <track id="xt3p5"></track>
              <pre id="xt3p5"></pre>

                  <form id="xt3p5"></form>