[科技]基于jQuery在線問卷答題系統代碼
分享一款基于jQuery在線問卷答題系統代碼是一款實用的jQuery答題插件,點擊下一題切換帶有淡入淡出效果。實現的效果圖如下:
實現的代碼。
html代碼:
<div class="demo"> <div id='quiz-container'> </div> </div>
js代碼:
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-container').jquizzy({ questions: init.questions }); });