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