超炫jQuery测试答题功能
生活随笔
收集整理的這篇文章主要介紹了
超炫jQuery测试答题功能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
推薦一款超炫jQuery測(cè)試答題功能插件
實(shí)例代碼
<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庫(kù)', 'CSS庫(kù)', 'PHP框架', '以上都不是'], 'correctAnswer': 1}, {'question': '找出不同類的一項(xiàng)?', 'answers': ['寫字臺(tái)', '沙發(fā)', '電視', '桌布'], 'correctAnswer': 3}, {'question': '國(guó)土面積最大的國(guó)家是：', 'answers': ['美國(guó)', '中國(guó)', '俄羅斯', '加拿大'], 'correctAnswer': 3}, {'question': '月亮距離地球多遠(yuǎn)？', 'answers': ['18萬(wàn)公里', '38萬(wàn)公里', '100萬(wàn)公里', '180萬(wàn)公里'], 'correctAnswer': 2}]};$(function() {$('#quiz_area').jquizzy({startImg:'/api/jq/5733e3787c375/images/start.gif',questions: init.questions});});</script></body>
?運(yùn)行一下
?
下載地址
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/niuboren/p/6408265.html
總結(jié)
以上是生活随笔為你收集整理的超炫jQuery测试答题功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 初始mybatis
- 下一篇： SSH三大框架的知识题