Recommend a stunning jQuery test answer function plugin
example code
<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': 'What is jQuery? ', 'answers': ['JavaScript library', 'CSS library', 'PHP framework', 'None of the above'], 'correctAnswer': 1}, {'question': 'Find an item of different classes? ', 'answers': ['writing desk', 'sofa', 'television', 'tablecloth'], 'correctAnswer': 3}, {'question': 'The country with the largest land area is:', 'answers': ['United States', 'China', 'Russia', 'Canada'], 'correctAnswer': 3}, {'question': 'How far is the moon from the earth? ', 'answers': ['180,000 km', '380,000 km', '1 million km', '1.8 million km'], 'correctAnswer': 2}]};
$(function() {
$('#quiz_area').jquizzy({
startImg:'/api/jq/5733e3787c375/images/start.gif',
questions: init.questions
});
});
</script>
</body>
