Chinaunix首页 | 论坛 | 博客
  • 博客访问: 198211
  • 博文数量: 95
  • 博客积分: 2383
  • 博客等级: 大尉
  • 技术积分: 1135
  • 用 户 组: 普通用户
  • 注册时间: 2011-06-09 15:14
文章分类
文章存档

2012年(84)

2011年(11)

我的朋友
最近访客

分类: 系统运维

2011-11-29 13:42:07

日期:2011/11/28  来源:GBin1.com

分享一个jQuery的小测验(Quiz)插件:jQuizzy

在线演示

偶然发现一个非常不错的生成在线测试的jQuery插件 - jQuizzy,这个插件能够帮助你快速的生成一个非常漂亮的在线测试应用。

主要特性:

  • 界面非常整洁漂亮 
  • 界面互动
  • 同一个页面多个测试题
  • 无需HTML。通过简单的javascript定义测试问题
  • 完全支持定制,皮肤并且可以扩展
  • 商业使用需要付费15美金
Javascript

倒入类库及其问题js:



HTML中调用如下JS:

init.js内容如下:

var init = {
     'questions': [
       {
           'question': 'jQuery is a...',
           'answers': ['JavaScript library','Ruby Gem','PHP Framework','None of the above'],
              'correctAnswer': 1
       },
       {
           'question': 'jQuery uses CSS selectors and XPath expressions to select elements?',
           'answers': ['false','true'],
              'correctAnswer': 2
       },
         {
           'question': 'What scripting language is jQuery written in?',
           'answers': ['C','C#','javascript','java'],
              'correctAnswer': 3
       }
     ],
      'resultComments' :  
      {
            perfect: 'Albus, is that you?',
             excellent: 'Outstanding, noble sir!',
             good: 'Exceeds expectations!',
             average: 'Acceptable. For a muggle.',
             bad: 'Well, that was poor.',
             poor: 'Dreadful!',
             worst: 'For shame, troll!'
      }

 };

搞定!非常简单,你自己可以设计自己的风格!

来源:分享一个jQuery的小测验(Quiz)插件:jQuizzy

阅读(1143) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~