Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Bootstrap-gebaseerd om donkere nacht (donker) modus in te schakelen ...
Bekijken: 6129|Antwoord: 4

[Bootstrap] Schakel donkere (donkere) modus in op basis van Bootstrap

[Link kopiëren]
Geplaatst op 04-04-2023 09:32:35 | | | |
Vereisten: Ik zag een klein icoontje van een gloeilamp en een maan in de kleine rechterhoek van sommige websites, klik op het lampicoon om lichtmodus te krijgen, klik op het maan-icoon om nachtmodus (donkere modus) te krijgen, het ziet er erg gaaf uit, mijn website is gebaseerd op de ontwikkeling van het Bootstrap front-end framework, zoek naar gerelateerde materialen en tutorials.

bootstrap4：De hyperlink-login is zichtbaar.
bootstrap5：De hyperlink-login is zichtbaar.
Tutorialdocumentatie：De hyperlink-login is zichtbaar.

De code compileert de vier methoden van het oorspronkelijke werklichaam (en in totaal zes varianten)

Handmatige schakelmodus:De hyperlink-login is zichtbaar.
Volg het automatische schakelen van besturingssystemen:De hyperlink-login is zichtbaar.




(Vooral omdat de iPhone wisselt tussen dag en nacht, is de donkere modus geschikt voor omgevingen met weinig licht, wat de ogen van de gebruiker beter beschermt zonder anderen te storen, en bovendien meer energie bespaart.) ）

Volgens de documentatietutorial kun je proberen het op onze website te introduceren, bekijk eerst de renderings als volgt:



Introduceer stijlen in head, de code is als volgt:

HTML-code met knoppictogram:

Toggle mode js-code:

(Einde)




Vorig:Schakel over naar open toegang tot de gespecificeerde poort onder Linux
Volgend:De Cassowary-tool voor HTTP-verzoekstresstesten

Gerelateerde berichten
 Huisbaas| Geplaatst op 07-04-2023 21:08:11 |


Gebruik het volgende commando om te controleren of het in de donkere modus staat:

 Huisbaas| Geplaatst op 07-04-2023 21:09:46 |
We kunnen de event listener gebruiken om de patroonverandering te detecteren, en de implementatiecode ziet er als volgt uit:

 Huisbaas| Geplaatst op 21-07-2025 14:38:40 |
Xiaozha Geplaatst op 2023-4-7 21:09
We kunnen de event listener gebruiken om de patroonverandering te detecteren, en de implementatiecode ziet er als volgt uit:
Voor wijzigingen in de monitoringmodus, verwijs naar:De hyperlink-login is zichtbaar.
 Huisbaas| Geplaatst op 21-07-2025 16:16:34 |
Darkmode.js Voeg donkere/nachtmodus binnen enkele seconden toe aan je website:De hyperlink-login is zichtbaar.
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com