HTML+CSS:
次のようにコードコードをコピーします。
<div> </div>
次のようにコードコードをコピーします。
<style>
。カバー {
位置:修正;
上:0px;
左:0px;
アウトライン:5000pxソリッドRGBA(0、0、0、0.3);
Z-Index:99999;
}
</style>
次に、JavaScriptを使用して、夜モードプラスを書き込みます。
次のようにコードコードをコピーします。
<スクリプト>
var Brightness;
//マスクを表示します
関数カバー(明るさ){{
if(typeof(div)== 'undefined'){{
div
div.setattribute( 'style'、 'position:sixt; top:0; left:0; outline:5000px solid; z-index:99999;');
document.body.AppendChild(div);
} それ以外 {
div.style.display = '';
}
div.style.outlinecolor = 'rgba(0,0,0、' + brightness + ')';
}
//イベント監視
window.addeventristener( 'keydown'、function(e){
if(e.altkey && e.keycode == 90){// alt+z:ナイトモードを開く
カバー(明るさ= 0.3);
}
if(e.altkey && e.keycode == 88){// alt+x:close
カバー(明るさ= 0);
}
if(e.altkey && e.keycode == 38){// alt+↑:明るさを増やす
if(明るさ-0.05> 0.05)カバー(明るさ - = 0.05);
}
if(e.altkey && e.keycode == 40){// alt+↓:明るさを減らす
if(明るさ + 0.05 <0.95)カバー(明るさ + = 0.05);
}
}、 間違い);
</script>
また、グリーズモードモードを追加するために任意のページのブラウザ拡張機能として、Greasemonkeyスクリプトとして記述することもできます。