<pre id="wumkk"></pre>
          1. <td id="wumkk"><ruby id="wumkk"></ruby></td>

            [科技]基于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
                        });
                    });

            亚洲视频中

              <pre id="wumkk"></pre>
                    1. <td id="wumkk"><ruby id="wumkk"></ruby></td>