<body>
<div class="cover">
</div>
<script>
var cover = document.querySelector('.cover')
//事件监听
window.addEventListener('keydown', function(e) {
if (e.keyCode == 49) { //1:打开夜间模式
// cover(brightness = 0.3);
cover.style.display = 'block'
}
if (e.keyCode == 50) { //2:关闭
// cover(brightness = 0);
cover.style.display = 'none'
}
}, false);
</script>
</body>
<style>
.cover {
position: fixed;
top: 0px;
left: 0px;
outline: 5000px solid rgba(0, 0, 0, 0.3);
z-index: 99999;
display: none
}
</style>
网页开关灯的实现
最新推荐文章于 2022-11-30 11:58:51 发布