jQuery插件jQuizMe实现在线选择问题测试功能

需要实现一个在线选择题问答功能，每当完成一个题目则转入下一个题目，然后再统计正确率，jQuery插件jQuizMe可以非常简单的实现此功 能，只需要给出问题，选项以及正确答案，就可实现一个简单的问题测试，可用于制作知识问题，心理测试等，非常实用，使用效果如下图：
jQuery插件jQuizMe实现在线选择问题测试功能
使用说明
需要使用jQuery 1.3.2+库文件和jQuizMe 1.0库文件

使用实例
一，包含文件部分

  1. <script type="text/javascript" src = "jquery-1.3.2.min.js"></script>
  2. <script type="text/javascript" src = "jQuizMe.js"></script>

二，HTML部分(显示测试问题)

  1. <div id = "biuuu"></div>

三，Javascript部分(调用jQuery插件jQuizMe)

  1. var quiz = [
  2. {
  3. "ques":"How many days are in a leap year?", "ans":"366 days",
  4. "ansSel":["365 days", "364 days"]
  5. },
  6. {
  7. "ques": "Which of these is a browser", "ans":"Flock"
  8. }
  9. ];
  10. var options = { "quizType": "multiplyChoice", "showWrongAns":true };
  11. $( "#biuuu" ).jQuizMe( quiz, options);

jQuery插件jQuizMe参数说明：

ques表示测试问题
ans表示测试答案
ansSel表示问题选项
quizType表示是否多选
showWrongAns表示是否显示错误回答

由上可知，使用jQuery插件jQuizMe实现在线测试问答非常简单，但在使用中会发现，直接查看HTML源代码就可以知道测试答案，因此需要 对答案进行保密，可通过ajax的方式获取正确答案，但显示这个jQuery插件jQuizMe只能实现一个非常简单的测试，不过对于一般的功能使用来 说，可以做为参考。

点我查看jQuery插件jQuizMe实现在线选择问题测试功能在线演示

共有0个回答