首先引入jquery库文件和答题插件及样式。
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<link rel="stylesheet" href="styles.css" />
<script src="jquery.js"></script>
<script src="quiz.js"></script>接着我们在div#quiz_area放置答题列表。
然后我们定义题目和答案选项，question：题目，answers：答案选项，correctAnswer：正确答案。下面我们展示下这个json数据。
var init={'questions':[{'question':'你听到一首喜欢的新歌，会很有兴趣了解什么？','answers':['这首歌创作的故事','这首歌是谁写的歌词','这首歌是谁写的曲子','这首歌是谁唱的'],'correctAnswer':1},{'question':'请选出你最喜爱的一项','answers':['电脑','洗衣机','空调','抽纸'],'correctAnswer':3},{'question':'请选择下面一种颜色来形容你们的爱情：','answers':['紫色','紫色','红色','白色'],'correctAnswer':3},{'question':'渴望的旅行看你爱情成熟度','answers':['一望无际的草原','舞厅、电动、娱乐场所','是一条没有人迹的小路','可以欣赏蔚蓝天空的地方'],'correctAnswer':2}]};最后我们调用quiz.js生成一个在线测试项目，既简单又酷哦^_^
$(function(){
$('#quiz_area').jquizzy({
questions: init.questions
});
});*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
