HTML
首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。
然后在需要放置测试题的位置加入div#quiz-container。
jQuery
首先,我们定义题目和答案选项,question是题目,answers是答案选项,correctAnswer是正确答案。可以看出定义的init是一个json数据格式。
接下来,我们直接调用quiz.js提供的插件方法,然后打开页面是不是可以看到已经在页面上生成了一个在线测试项目。
那么,要修改定制测试题样式布局,可以到quiz.js和styles.css两文件中做适当修改。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery