超炫jQuery测试答题功能

推荐一款超炫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>

 运行一下

下载地址


超炫jQuery测试答题功能
 

 

相关推荐