更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
0
2025-12-19
24小时阅读排行榜
- 1 mysql如何验证升级是否成功_mysql升级校验方法
- 2 Golang如何使用gRPC实现流控与限流_Golang gRPC流控限流机制实践
- 3 Python构建图结构数据分析平台的底层算法设计与处理方法【教程】
- 4 Python ElementTree怎么删除一个节点
- 5 EF Core怎么调试查询问题 EF Core调试技巧与方法
- 6 如何在Golang中处理网络连接异常_重连和错误日志记录
- 7 Burp Suite怎么拦截和修改XML请求
- 8 html的代码怎么运行_运行html代码方法【教程】
- 9 Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载
- 10 电脑如何下html5_电脑下载HTML5资源与离线使用技巧【方法】
- 11 C++如何进行调试?Visual Studio C++断点调试技巧大全【debug指南】
- 12 html5如何制作翻页_HTML5制作翻页效果动画教程【翻页】
- 13 JavaScript DOMParser的parseFromString方法怎么用
- 14 node.js怎么运行html_node.js运行html方法【教程】
- 15 C++对象切片问题说明_C++多态错误使用导致的数据损失
更多>
最新教程
-
- Node.js 教程
- 14158 2025-08-28
-
- CSS3 教程
- 1540800 2025-08-27
-
- Rust 教程
- 21868 2025-08-27
-
- Vue 教程
- 24375 2025-08-22
-
- PostgreSQL 教程
- 21089 2025-08-21
-
- Git 教程
- 8309 2025-08-21
jQuery的在线答题考试系统代码
这是一款以答题卡为主,左边是题目,右边是答题卡的jQuery在线答题考试系统代码。
js代码
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.easy-pie-chart.js"></script>
<!--时间js-->
<script src="js/jquery.countdown.js"></script>
<script>
window.jQuery(function($) {
"use strict";
$('time').countDown({
with_separators : false
});
$('.alt-1').countDown({
css_class : 'countdown-alt-1'
});
$('.alt-2').countDown({
css_class : 'countdown-alt-2'
});
});
$(function() {
$('li.option label').click(function() {
debugger;
var examId = $(this).closest('.test_content_nr_main').closest('li').attr('id'); // 得到题目ID
var cardLi = $('a[href=#' + examId + ']'); // 根据题目ID找到对应答题卡
// 设置已答题
if(!cardLi.hasClass('hasBeenAnswer')){
cardLi.addClass('hasBeenAnswer');
}
});
});
</script>
js代码
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.easy-pie-chart.js"></script>
<!--时间js-->
<script src="js/jquery.countdown.js"></script>
<script>
window.jQuery(function($) {
"use strict";
$('time').countDown({
with_separators : false
});
$('.alt-1').countDown({
css_class : 'countdown-alt-1'
});
$('.alt-2').countDown({
css_class : 'countdown-alt-2'
});
});
$(function() {
$('li.option label').click(function() {
debugger;
var examId = $(this).closest('.test_content_nr_main').closest('li').attr('id'); // 得到题目ID
var cardLi = $('a[href=#' + examId + ']'); // 根据题目ID找到对应答题卡
// 设置已答题
if(!cardLi.hasClass('hasBeenAnswer')){
cardLi.addClass('hasBeenAnswer');
}
});
});
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
