Greasy Fork is available in English.
暂停时显示遮罩，可点击的图标在鼠标悬停时变为手形，在我的课程中未看完课程显示为红色背景
当前为
// ==UserScript==
// @name 粉笔课堂显示暂停遮罩
// @namespace http://tampermonkey.net/
// @version 0.6.1
// @description 暂停时显示遮罩，可点击的图标在鼠标悬停时变为手形，在我的课程中未看完课程显示为红色背景
// @author AN drew
// @match https://pc.fenbi.com/webclass/class/*
// @match https://www.fenbi.com/spa/webclass/class/*
// @match https://www.fenbi.com/spa/pwa/episodes/*
// @require http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @require http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
if($.cookie("maskon")==undefined)
$.cookie('maskon', "1", { expires: 365, path: "/", domain: "fenbi.com" });
var maskon = $.cookie("maskon")
var styles=".switcher {"+
" width:160px;"+
" user-select:none;"+
" cursor:pointer;"+
"}"+
".btn_fath {"+
" margin-top:12px;"+
" position:relative;"+
" border-radius:16px;"+
" margin-top:15px;"+
" float:left;"+
"}"+
".tip{"+
" float:left;"+
" font-size:14px;"+
" line-height: 50px;"+
"}"+
".btn1 {"+
" float:left;"+
"}"+
".btn2 {"+
" float:right;"+
"}"+
".btnSwitch {"+
" height:20px;"+
" width:25px;"+
" border:none;"+
" color:#fff;"+
" line-height:20px;"+
" font-size:12px;"+
" text-align:center;"+
" z-index:1;"+
"}"+
".move {"+
" z-index:100;"+
" width:18px;"+
" border-radius:18px;"+
" height:18px;"+
" position:absolute;"+
" cursor:pointer;"+
" border:1px solid #828282;"+
" background-color:#f1eff0;"+
" box-shadow:1px 2px 2px 1px #fff inset,0 0 5px 1px #999;"+
"}"+
".on .move {"+
" left:30px;"+
"}"+
".on.btn_fath {"+
" background-color:#44b549;"+
" height:20px"+
"}"+
".off.btn_fath {"+
" background-color:#828282;"+
" height:20px"+
"}"+
".toolbtn.speed{color:black!important}"+
".toolbtn.speed:hover{color:white!important}"+
".progress-bg{z-index:5000}"+
"#breviary{z-index:5000}"+
".wrap.push{z-index:5000}"+
".wrap.pull{z-index:5000}"+
"#rightBlock{z-index:5000}"+
".breviary-bottom-panel{height:17px!important;margin-top:-4px!important}"+
".toolbtn-big{cursor:pointer}"+
".keynote-btn{cursor:pointer}"+
".toolbtn{cursor:pointer}"+
".pull{cursor:pointer}"+
".push{cursor:pointer}"+
".nav-link{cursor:pointer}"+
"#playBtn{cursor:pointer}"+
".header-wrapper h3{color:black!important}"+
"p.ng-star-inserted, .clock.ng-star-inserted{color:black!important}"+
".keynote-btn.pre+span{color:black!important}"+
".like, .toolbar .content-wrapper .unlike:hover{cursor:pointer;background:url(https://nodestatic.fbstatic.cn/weblts_spa_online/webclass/static/star.00c51cc376f8088c8f23.svg)!important; zoom:1.1; height:20px!important; width:20px!important}"+
".toolbar .content-wrapper .unlike{cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ni4yICg0NDQ5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPuaYn+e6py3ngrnkuq5AMXg8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0i5a2m55Sf56uvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IuaIkeeahOivvueoiy3or77lkI7or4TliIbngrnkuq4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03ODIuMDAwMDAwLCAtMjM0LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9IuivhOWIhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMwLjAwMDAwMCwgMTI5LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSLmmJ/nuqct54K55LquIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTEuMDAwMDAwLCAxMDQuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoICBkPSJNMTEuOTUxMzA2LDIuNCBDMTEuNzc2NTE2MywyLjQgMTEuNDI2NDU2OSwyLjUzNDkzNzM1IDEwLjk2OTc5NSwzLjM5NjQyMzQ4IEM5Ljg3MTExNzQ3LDUuMjY5MjE5NDIgOC4xMzY2NjY2OSw4LjMyNjE5ODYzIDguMTM2NjY2NjksOC4zMjYxOTg2MyBDOC4xMzY2NjY2OSw4LjMyNjE5ODYzIDUuNTA0NzM4NDYsOC45MTQ5Mjg4NCAzLjQ1ODY0MzU2LDkuMjg1MTY2MiBDMi40NTU1MjQwNSw5LjQ0MjY3MzE0IDIuMTI4MDMzNjIsMTAuMjk3NDM2NCAyLjYzNzAzNjM0LDEwLjg5ODE3MTcgQzQuMDc3MTI5ODksMTIuNTUzNDM1MiA2LjA4Mjg4ODcyLDE1LjI4NTc5NjUgNi4wODI4ODg3MiwxNS4yODU3OTY1IEM2LjA4Mjg4ODcyLDE1LjI4NTc5NjUgNS42NjcwNDMxLDE4LjI4NzA3MiA1LjQzMzE4OTk3LDIwLjMzNjEwMjggQzUuMzU2ODM5NTYsMjEuMTIzMTU3MyA1Ljc5MDkzMjQ1LDIxLjU3MzU4ODggNi4zOTY0NTM2MSwyMS41NzM1ODg4IEM2LjU5NDI5MjQsMjEuNTczNTg4OCA2LjgxMDM3ODQ2LDIxLjUyNTA4ODIgNy4wMzI3MDcwMSwyMS40MjUyMDU3IEM4Ljc0OTM5MDcyLDIwLjYxMDc3OTYgMTEuMzYwNjcwNywxOS4zNjgwMTE0IDExLjk1MjI2NjMsMTkuMDg2NjExOCBDMTIuNTMzMjk3NywxOS4zNzA0MTI0IDE1LjExOTEyNzYsMjAuNjM0Nzg5OCAxNi44MTc1NjQsMjEuNDUxMTM2NyBDMTcuMDM3MDExNCwyMS41NTE0OTk0IDE3LjI1MTE3NjcsMjEuNiAxNy40NDY2MTQ2LDIxLjYgQzE4LjA0NDQ1MjcsMjEuNiAxOC40NzM3NDM3LDIxLjE0OTA4ODQgMTguMzk4MzUzNiwyMC4zNjA1OTMzIEMxOC4xNjY5MDE0LDE4LjMwODY4MTIgMTcuNzU1ODU3NywxNS4zMDM1NjQgMTcuNzU1ODU3NywxNS4zMDM1NjQgQzE3Ljc1NTg1NzcsMTUuMzAzNTY0IDE5Ljk0MjY0ODcsMTIuNTY3MzYxMSAyMS4zNjU5MzU1LDEwLjkwOTY5NjYgQzIxLjg2ODY5NTgsMTAuMzA4NDgxMSAyMS41NDUwNDY5LDkuNDUyMjc3MjIgMjAuNTUzNDUxOSw5LjI5NDI5MDA3IEMxOC41MzEzNjY2LDguOTI0MDUyNzIgMTUuNzI2NTY5NSw4LjMzNDM2MjEgMTUuNzI2NTY5NSw4LjMzNDM2MjEgQzE1LjcyNjU2OTUsOC4zMzQzNjIxIDE0LjAxMjI4NjgsNS4yNzMwNjEwNSAxMi45MjY1NzQ0LDMuMzk3ODY0MDkgQzEyLjU0MjkwMTYsMi43MDU0MDk4IDEyLjI0OTUwNDcsMi40ODMwNzUzMSAxMi4wNjMxOTA1LDIuNDIyMDg5MzkgQzEyLjA0NTkwMzYsMi40MTM5MjU5MiAxMi4wMDc0ODgzLDIuNCAxMS45NTEzMDYsMi40IEwxMS45NTEzMDYsMi40IEwxMS45NTEzMDYsMi40IFoiIGlkPSJTaGFwZSIgc3Ryb2tlPSIjQTRBRkI4IiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=)!important; zoom:1.1; height:20px!important; width:20px!important}"+
".icon-close{cursor:pointer}"
$("head").append("<style>"+styles+"</style>")
if($('p.ng-star-inserted').length!=0)
$('p.ng-star-inserted').get(0).childNodes[1].textContent=" / ";
var $switcher = $('<div class="switcher">'+
' <span class="tip">显示暂停遮罩 </span>'+
' <div class="btn_fath on">'+
' <div class="move" data-state="on"></div>'+
' <div class="btnSwitch btn1">开</div>'+
' <div class="btnSwitch btn2">关</div>'+
' </div>'+
'</div>')
if($.cookie("maskon")=="0")
{
$switcher.find(".btn_fath").removeClass("on").addClass("off");
$switcher.find(".move").attr("data-state", "off");
}
$switcher.click(function(){
var ele = $(this).find(".move");
var fath = $(this).find(".btn_fath");
if (ele.attr("data-state") == "on") {
ele.animate({
left: "0"
}, 100, function() {
ele.attr("data-state", "off");
});
fath.removeClass("on").addClass("off");
$.cookie('maskon', "0", { expires: 365, path: "/", domain: "fenbi.com" });
} else if (ele.attr("data-state") == "off") {
ele.animate({
left: '30px'
}, 100, function() {
ele.attr("data-state", "on");
});
fath.removeClass("off").addClass("on");
$.cookie('maskon', "1", { expires: 365, path: "/", domain: "fenbi.com" });
}
})
setInterval(function(){
if($(".switcher").length==0)
$(".jubao").before($switcher);
})
$(".progress-bg").click(function(){
$(".toolbtn-big").removeClass("play")
})
$(".canvas_container").click(function(){
$(".toolbtn-big").get(0).click()
})
$(".mask").click(function(){
$(".toolbtn-big").get(0).click()
})
$(".toolbtn-big").click(function(){
if($(".toolbtn-big").hasClass("play") && $.cookie("maskon")=="1")
$("#playWrap").show()
else
$("#playWrap").hide()
})
$(".toolbtn.fullScreen").click(function(e){
var el = e.srcElement || e.target; //target兼容Firefox
var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
if (!isFullscreen) { //进入全屏,多重短路表达式
(el.requestFullscreen && el.requestFullscreen()) ||
(el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
(el.webkitRequestFullscreen && el.webkitRequestFullscreen()) || (el.msRequestFullscreen && el.msRequestFullscreen());
} else { //退出全屏,三目运算符
document.exitFullscreen ? document.exitFullscreen() :
document.mozCancelFullScreen ? document.mozCancelFullScreen() :
document.webkitExitFullscreen ? document.webkitExitFullscreen() : '';
}
})
setInterval(function(){
if($(".nav-item:nth-of-type(1)").find(".nav-link").hasClass("active"))
$(".nav-item:nth-of-type(1)").find("span").css({"color":"black"})
else
$(".nav-item:nth-of-type(1)").find("span").css({"color":"#999"})
if($(".toolbtn-big").hasClass("play") && $.cookie("maskon")=="1")
$("#playWrap").show()
else
$("#playWrap").hide()
if($('.toolbtn-big.ng-star-inserted').hasClass('play'))
{
if($('title').text().indexOf('【暂停中】')==-1)
$('title').text($('title').text()+'【暂停中】');
}
else
{
if($('title').text().indexOf('【暂停中】') > -1)
$('title').text($('title').text().replace('【暂停中】',''));
}
$(".pull").click();
$(".toolbtn.volume").parent().css({"z-index":"6000"})
$(".toolbtn.speed").parent().css({"z-index":"6000"})
},100)
GM_addStyle(`.episode-wrapper.red{background:#ff00003b}`)
let t=setInterval(function(){
if($('.episode-item').length>0)
{
$('.episode-item').each(function(){
let progress=$(this).find('.progress').text();
if(progress!="观看进度100%" && progress!="观看进度99%" && progress!="观看进度98%"&& !$(this).find('.episode-wrapper').hasClass('red'))
{
$(this).find('.episode-wrapper').addClass('red');
}
})
}
},1000);
})();