数码资讯
使用Javascript为网页添加夜间模式
HTML + CSS: 复制代码代码如下所示: 复制代码代码如下所示: 盖{。 位置:固定; 上图:0px; 左:0px; 概述:5000px固体RGBA(0, 0, 0,0.3); Z指数:99999; } 然后写一个夜间模式:加上Javascript 复制代码代码如下所示: VaR的亮度; 显示
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
HTML + CSS:
复制代码代码如下所示:
复制代码代码如下所示:
盖{。
位置:固定;
上图:0px;
左:0px;
概述:5000px固体RGBA(0, 0, 0,0.3);
Z指数:99999;
}
然后写一个夜间模式:加上Javascript
复制代码代码如下所示:
VaR的亮度;
显示/掩码
函数覆盖(亮度){
如果(typeof(DIV)= = 'undefined){
div = document.createelement('div);
div.setattribute('style,下:固定;最高:0;左:0;概述:5000px固体;Z指数:99999;);
document.body.appendchild(DIV);
{人}
div.style.display =;
}
div.style.outlinecolor = 'rgba(0,0,0,' +亮度+');
}
事件监听器
Window.addEventListener('keydown功能(e){
如果(e.altkey能= = 90){ / / Alt + Z:打开夜间模式
封面(亮度= 0.3);
}
如果(e.altkey能= = 88){ / / Alt + X:关闭
封面(亮度= 0);
}
如果(e.altkey能= = 38){ / / Alt + =:增加亮度
如果(亮度- 0.05 > 0.05)覆盖(亮度= 0.05);
}
如果(e.altkey能= = 40){ / / Alt +向下:降低亮度
如果(亮度< 0.95 + 0.05)覆盖(亮度= 0.05);
}
},假);
它也可以写成一个Greasemonkey脚本延长夜间模式的任何网页浏览器
复制代码代码如下所示:
复制代码代码如下所示:
盖{。
位置:固定;
上图:0px;
左:0px;
概述:5000px固体RGBA(0, 0, 0,0.3);
Z指数:99999;
}
然后写一个夜间模式:加上Javascript
复制代码代码如下所示:
VaR的亮度;
显示/掩码
函数覆盖(亮度){
如果(typeof(DIV)= = 'undefined){
div = document.createelement('div);
div.setattribute('style,下:固定;最高:0;左:0;概述:5000px固体;Z指数:99999;);
document.body.appendchild(DIV);
{人}
div.style.display =;
}
div.style.outlinecolor = 'rgba(0,0,0,' +亮度+');
}
事件监听器
Window.addEventListener('keydown功能(e){
如果(e.altkey能= = 90){ / / Alt + Z:打开夜间模式
封面(亮度= 0.3);
}
如果(e.altkey能= = 88){ / / Alt + X:关闭
封面(亮度= 0);
}
如果(e.altkey能= = 38){ / / Alt + =:增加亮度
如果(亮度- 0.05 > 0.05)覆盖(亮度= 0.05);
}
如果(e.altkey能= = 40){ / / Alt +向下:降低亮度
如果(亮度< 0.95 + 0.05)覆盖(亮度= 0.05);
}
},假);
它也可以写成一个Greasemonkey脚本延长夜间模式的任何网页浏览器
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。