推荐一款超炫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照片墙特效
超炫jquery图片展示例子 超炫jquery图片展示例子 翻转，立体 太空
超炫jQuery实现的图片预览效果, 超炫jQuery实现的图片预览效果
jquery弹出层特效超炫jquery弹出层特效超炫jquery弹出层特效超炫
超炫jquery产品图片列表排序源码 广州威特教育提供. www.wtjy.com.cn
超炫的 JQuery 图片展示拿出来和大家分享一下！2分只是意思意思一下...
Jquery超炫滑动菜单 Jquery超炫滑动菜单 Jquery超炫滑动菜单 Jquery超炫滑动菜单
一款 超炫的 JQuery 的图片特效，适用于相册等
jquery实现超炫超酷的导航条，兼容IE,火狐
超炫的jquery html5相册图片打开动画特效 超炫的jquery html5相册图片打开动画特效 超炫的jquery html5相册图片打开动画特效
超炫的slider插件.绝对值得.现在把源码附上..包括使用说明.
jquery 超炫3D图片 带小导航 带上下左右按钮 效果超炫
纯jQuery写的轮播图，源码下载，直接可以使用，超炫的幻灯片轮播图片
这是一款使用jQuery和CSS3制作的超炫游戏角色介绍jQuery幻灯片特效。该幻灯片使用flexbox来进行布局，以垂直切换幻灯片的方式来展示游戏人物的图片和角色信息。
jquery图片 图片滚动 上下滚动 超炫的图片滚动效果
jQuery 图片切换（超炫效果）jQuery 图片切换（超炫效果）jQuery 图片切换（超炫效果）
jquery超炫滑动菜单 采用jquery实现的超炫的滑动菜单
jquery.parallax-scroll是一款效果超炫的平滑垂直滚动视觉差jQuery特效。该视觉差特效使用requestAnimationFrame和CSS3 3D transitions在页面垂直滚动时制作非常平滑的过渡动画效果。
用JQUery实现的超炫登录界面login