jQuery在線問卷答題系統(tǒng)代碼是一款實用的jQuery答題插件，點擊下一題切換帶有淡入淡出效果。
有時在網(wǎng)頁中要加入一個在線測試功能，例如在線調(diào)查，在線測試各類知識等應(yīng)用，這類應(yīng)用需要用到很多前后端技能。今天我給大家分享一個基于jQuery的前端應(yīng)用——測試答題功能。
HTML
首先載入jquery庫文件和quiz.js以及所需的CSS樣式文件styles.css。
<script src="jquery.js"></script>  <script src="quiz.js"></script>  <link rel="stylesheet" href="styles.css" />

然后在需要放置測試題的位置加入div#quiz-container。
<div id="quiz-container"></div>
jQuery
首先，我們定義題目和答案選項，question是題目，answers是答案選項，correctAnswer是正確答案?？梢钥闯龆x的init是一個json數(shù)據(jù)格式。

var init={'questions':[{'question':'jQuery是什么？','answers':['JavaScript庫','CSS庫','PHP框架','以上都不是'],'correctAnswer':1},{'question':'找出不同類的一項?','answers':['寫字臺','沙發(fā)','電視','桌布'],'correctAnswer':3},{'question':'國土面積大的國家是：','answers':['美國','中國','俄羅斯','加拿大'],'correctAnswer':3},{'question':'月亮距離地球多遠(yuǎn)？','answers':['18萬公里','38萬公里','100萬公里','180萬公里'],'correctAnswer':2}]};
接下來，我們直接調(diào)用quiz.js提供的插件方法，然后打開頁面是不是可以看到已經(jīng)在頁面上生成了一個在線測試項目。
 $(function(){   $('#quiz-container').jquizzy({    questions: init.questions   });  });
那么，要修改定制測試題樣式布局，可以到quiz.js和styles.css兩文件中做適當(dāng)修改。
codego.net 代碼摘抄

創(chuàng)新互聯(lián)是一家以網(wǎng)絡(luò)技術(shù)公司，為中小企業(yè)提供網(wǎng)站維護(hù)、做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站備案、服務(wù)器租用、申請域名、軟件開發(fā)、小程序定制開發(fā)等企業(yè)互聯(lián)網(wǎng)相關(guān)業(yè)務(wù)，是一家有著豐富的互聯(lián)網(wǎng)運營推廣經(jīng)驗的科技公司，有著多年的網(wǎng)站建站經(jīng)驗，致力于幫助中小企業(yè)在互聯(lián)網(wǎng)讓打出自已的品牌和口碑，讓企業(yè)在互聯(lián)網(wǎng)上打開一個面向全國乃至全球的業(yè)務(wù)窗口：建站服務(wù)電話：028-86922220

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁名稱：jQuery在線問卷答題系統(tǒng)代碼-創(chuàng)新互聯(lián)
分享鏈接：http://chinadenli.net/article2/ehjic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)