HTML

 

　　首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。

 

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

 

　　jQuery

 

　　首先，我们定义题目和答案选项，question是题目，answers是答案选项，correctAnswer是正确答案。可以看出定义的init是一个json数据格式。

 

　　接下来，我们直接调用quiz.js提供的插件方法，然后打开页面是不是可以看到已经在页面上生成了一个在线测试项目。

 

　　那么，要修改定制测试题样式布局，可以到quiz.js和styles.css两文件中做适当修改。