使用js为网页增加夜间模式 <script> var brightness; - Assbbs
使用js为网页增加夜间模式 <script> var brightness; //显示遮罩 function cover brightness { if typeof div == & 39;undefined& 39; …
使用js为网页增加夜间模式 <script> var brightness; //显示遮罩 function cover brightness { if typeof div == & 39;undefined& 39; { div = document.createElement & 39;div& 39; ; div.setAttribute & 39;style& 39;, & 39;position:fixed;top:0;left:0;outline:5000px solid;z-index:99999;& 39; ; document.body.appendChild div ; } else { div.style.display = & 39;& 39;; } div.style.outlineColor = & 39;rgba 0,0,0,& 39; + brightness + & 39; & 39;; } //事件监听 window.addEventListener & 39;keydown& 39;, function e { if e.altKey && e.keyCode == 90 { //Alt+Z:打开夜间模式 cover brightness = 0.3 ; } if e.altKey && e.keyCode == 88 { //Alt+X:关闭 cover brightness = 0 ; } if e.altKey && e.keyCode == 38 { //Alt+↑:增加亮度 if brightness - 0.05 > 0.05 cover brightness -= 0.05 ; } if e.altKey && e.keyCode == 40 { //Alt+↓:降低亮度 if brightness + 0.05 < 0.95 cover brightness += 0.05 ; } }, false ; </script> 本站可以做测试