超炫jQuery测试答题功能
推荐一款超炫jQuery测试答题功能插件
实例代码
<body>
<div class="container" id="main">
<div class="demo">
<div id='quiz_area'></div>
</div>
</div>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/api/jq/5733e3787c375/quiz.js"></script>
<script>
var init = {'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}]};
$(function() {
$('#quiz_area').jquizzy({
startImg:'/api/jq/5733e3787c375/images/start.gif',
questions: init.questions
});
});
</script>
</body>