HTML+CSS:
คัดลอกรหัสรหัสดังนี้:
<div> </div>
คัดลอกรหัสรหัสดังนี้:
<style>
.ปิดบัง {
ตำแหน่ง: แก้ไข;
ด้านบน: 0px;
ซ้าย: 0px;
โครงร่าง: 5000px Solid RGBA (0, 0, 0, 0.3);
z-index: 99999;
-
</style>
จากนั้นใช้ JavaScript เพื่อเขียนโหมดกลางคืนบวก:
คัดลอกรหัสรหัสดังนี้:
<script>
ความสว่าง var;
// จอแสดงผลมาสก์
ฟังก์ชั่นปก (ความสว่าง) {{
if (typeof (div) == 'undefined') {{
กลุ่ม
div.setAttribute ('สไตล์', 'ตำแหน่ง: แก้ไข; ด้านบน: 0; ซ้าย: 0; โครงร่าง: 5000px solid; z-index: 99999;');
document.body.appendchild (div);
} อื่น {
div.style.display = '';
-
div.style.outlinecolor = 'rgba (0,0,0,' + ความสว่าง + ')';
-
// การตรวจสอบเหตุการณ์
window.addeventristener ('keydown', function (e) {
if (E.Altkey && E.KeyCode == 90) {// alt+z: เปิดโหมดกลางคืน
ปก (ความสว่าง = 0.3);
-
if (e.Altkey && e.keyCode == 88) {// alt+x: ปิด
ปก (ความสว่าง = 0);
-
if (e.Altkey && e.keyCode == 38) {// alt+↑: เพิ่มความสว่าง
ถ้า (ความสว่าง -0.05> 0.05) ปก (ความสว่าง - = 0.05);
-
if (e.Altkey && e.kecompode == 40) {// alt+↓: ลดความสว่าง
ถ้า (ความสว่าง + 0.05 <0.95) ปก (ความสว่าง + = 0.05);
-
}, เท็จ);
</script>
นอกจากนี้คุณยังสามารถเขียนเป็นสคริปต์ Greasemonkey เป็นส่วนขยายของเบราว์เซอร์ไปยังหน้าใดก็ได้เพื่อเพิ่มโหมดกลางคืน