HTML + CSS:
Copier le code du code comme suit:
<div> </div>
Copier le code du code comme suit:
<Style>
.couverture {
Position: fixe;
En haut: 0px;
gauche: 0px;
Aperçu: 5000px RGBA solide (0, 0, 0, 0,3);
Z-Index: 99999;
}
</ style>
Ensuite, utilisez JavaScript pour écrire un mode nocturne plus:
Copier le code du code comme suit:
<cript>
Var luminosité;
// Afficher les masques
Couverture de fonction (luminosité) {{
if (typeof (div) == 'Undefined') {{
div
div.setAttribute ('style', 'position: fixe; top: 0; gauche: 0; contour: 5000px solide; z-index: 99999;');
Document.Body.ApendChild (Div);
} Autre {
div.style.display = '';
}
div.style.outlineColor = 'rgba (0,0,0,' + luminosité + ')';
}
// Surveillance des événements
Window.adDeventRristEner ('keydown', fonction (e) {
if (e.altkey && e.keyCode == 90) {// alt + z: ouvrez le mode nuit
Couverture (luminosité = 0,3);
}
If (e.altkey && e.keyCode == 88) {// alt + x: clôture
Couverture (luminosité = 0);
}
if (e.altkey && e.keyCode == 38) {// alt + ↑: augmenter la luminosité
IF (luminosité -0,05> 0,05) couverture (luminosité- = 0,05);
}
if (e.altkey && e.keyCode == 40) {// alt + ↓: réduire la luminosité
IF (luminosité + 0,05 <0,95) couverture (luminosité + = 0,05);
}
}, FAUX);
</cript>
Vous pouvez également l'écrire en tant que script grasemonkey, comme extension du navigateur à n'importe quelle page pour ajouter le mode nocturne