码迷,mamicode.com
首页 > Web开发 > 详细

基于jQuery在线问卷答题系统代码

时间:2015-04-12 11:57:47      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:

分享一款基于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
            });
        });

via:http://www.w2bc.com/Article/32596

基于jQuery在线问卷答题系统代码

标签:

原文地址:http://www.cnblogs.com/liaohuolin/p/4419237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!