今天我给大家分享一个炫酷的测试答题功能,你可以放在自己的网站来做在线调查或在线测试。
若是想看更多js特效、网站源码、js教程请 访问 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。1、<br>
首先引入jquery库文件和答题插件及样式。<br>
<link> <br>
<script></script> <br>
<script></script><br>
接着我们在div#quiz_area放置答题列表。<br>
2、<br>
然后我们定义题目和答案选项,question:题目,answers:答案选项,correctAnswer:正确答案。下面我们展示下这个json数据。<br>
var init={'questions':[{'question':'你听到一首喜欢的新歌,会很有兴趣了解什么?','answers':['这首歌创作的故事','这首歌是谁写的歌词','这首歌是谁写的曲子','这首歌是谁唱的'],'correctAnswer':1},{'question':'请选出你最喜爱的一项','answers':['电脑','洗衣机','空调','抽纸'],'correctAnswer':3},{'question':'请选择下面一种颜色来形容你们的爱情:','answers':['紫色','紫色','红色','白色'],'correctAnswer':3},{'question':'渴望的旅行看你爱情成熟度','answers':['一望无际的草原','舞厅、电动、娱乐场所','是一条没有人迹的小路','可以欣赏蔚蓝天空的地方'],'correctAnswer':2}]};<br>
3、<br>
最后我们调用quiz.js生成一个在线测试项目,既简单又酷哦^_^<br>
$(function(){ <br>
$('#quiz_area').jquizzy({ <br>
questions: init.questions <br>
}); <br>
});
查看该特效演示及免费下载,请访问 http://www.sucaihuo.com/js/39.html
AD:真正免费,域名+虚机+企业邮箱=0元

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

WebStorm Mac版
便利なJavaScript開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
