jquery+quiz.js在线答卷

    这是一个基于jquery库文件和quiz.js的在线答卷插件，界面精美，有点类似于mac风格，当然可以自由修改，上下题目切换有过度效果，还可以返回上一题。试题底部还有进度条，显示当前做了百分之多少了。最后，直接就给出了评分。比较适合做问卷调查。 1、引入jquery库文件和quiz.js以及所需的CSS样式文件styles.css：

<script src="jquery.js"></script>
<script src="quiz.js"></script>
<link rel="stylesheet" href="styles.css" /> 

2、然后在需要放置测试题的位置加入div#quiz-container。

<div id="quiz-container"></div> 

3、定义题目内容（实际操作中，这些问题肯定放在后台）：

var 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}];

4、初始化quiz.js

$(function(){
    $('#quiz-container').jquizzy({
        questions: questions
    });
});

5、样式可以在styles.css中修改，而逻辑可以自行修改quiz.js，例如，一般情况下是不会直接显示结果的，应该是提交到后台的，可以在quiz.js的132行里面的逻辑。

提取码：xhdc