学习成绩总得分统计器

可以按学生统计各自的课程总得分。

jQuery

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 1155
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400");
html,
body {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    background: -webkit-linear-gradient(315deg, rgba(102, 245, 201, 0.7), rgba(41, 36, 132, 0.7));
    background: linear-gradient(135deg, rgba(102, 245, 201, 0.7), rgba(41, 36, 132, 0.7));
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    text-align: center;
}
ul {
    background: rgba(255, 255, 255, 0.1);
    width: 300px;
    padding: 20px;
    margin: 40px auto;
    border-radius: 5px 30px 5px 30px;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.8);
}
ul li {
    margin: 20px 0;
    list-style-type: none;
}
ul li span {
    color: #fff;
}
ul li input {
    outline: none;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: #fff;
    text-align: center;
    background: rgba(255, 255, 255, 0);
    border: none;
}
ul li .prescreen-input {
    padding: 4px 8px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #66f5c9;
    margin: 0 8px;
}
ul li .prescreen-button {
    height: 40px;
    width: 100px;
    border-radius: 20px;
    background: #66f5c9;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
.prescreen-output {
    color: #fff;
}
.john-total,
.jane-total {
    color: #66f5c9;
}

HTML

可以按学生统计各自的课程总得分。

jQuery

编辑器支持Emmet

快捷键

可以按学生统计各自的课程总得分。

jQuery

十六进度色号随机生成拾色器

使用jQuery实现的随机密码在线生成器

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：