超炫jQuery测试答题功能

最新推荐文章于 2024-07-03 02:56:15 发布

手册网

最新推荐文章于 2024-07-03 02:56:15 发布

阅读量603

点赞数

分类专栏： jQuery 文章标签： jQuery测试答题功能 jquery ViewUI

jQuery 专栏收录该内容

116 篇文章 1 订阅

订阅专栏

推荐一款超炫jQuery测试答题功能插件

实例代码

<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库', 'CSS库', 'PHP框架', '以上都不是'], 'correctAnswer': 1}, {'question': '找出不同类的一项?', 'answers': ['写字台', '沙发', '电视', '桌布'], 'correctAnswer': 3}, {'question': '国土面积最大的国家是：', 'answers': ['美国', '中国', '俄罗斯', '加拿大'], 'correctAnswer': 3}, {'question': '月亮距离地球多远？', 'answers': ['18万公里', '38万公里', '100万公里', '180万公里'], 'correctAnswer': 2}]};
            $(function() {
                $('#quiz_area').jquizzy({
					startImg:'/api/jq/5733e3787c375/images/start.gif',
                    questions: init.questions
                });
            });
        </script>
    </body>

运行一下

下载地址

手册网

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
超炫jQuery测试答题功能

推荐一款超炫jQuery测试答题功能插件实例代码&lt;body&gt; &lt;div class="container" id="main"&gt; &lt;div class="demo"&gt; &lt;div id='quiz_area'&gt;&lt;/div&gt;
复制链接

扫一扫

专栏目录