Denne artikel er en spejling af maskinoversættelse, klik venligst her for at springe til den oprindelige artikel.

Architect_Programmer_Code Landbrugsnetværk»Arkitekt › Front-end design og web › Forrammen › Bootstrap-baseret for at aktivere mørk nat (mørk) tilstand ...
Udsigt: 6129|Svar: 4

[Bootstrap] Aktivér mørk (mørk) tilstand baseret på Bootstrap

[Kopier link]
Opslået på 04/04/2023 09.32.35 | | | |
Krav: Jeg så et lille ikon med en pære og en måne i det lille højre hjørne på nogle hjemmesider, klik på pæreikonet for at få lystilstand, klik på måneikonet for at få nattilstand (mørk tilstand), det ser virkelig fedt ud, min hjemmeside er baseret på Bootstrap front-end framework-udvikling, søg efter relevante materialer og vejledninger.

bootstrap4：Hyperlink-login er synlig.
bootstrap5：Hyperlink-login er synlig.
Vejledningsdokumentation：Hyperlink-login er synlig.

Koden samler de fire metoder fra den oprindelige arbejdskrop (og i alt seks varianter)

Manuel skiftetilstand:Hyperlink-login er synlig.
Følg automatisk skift af operativsystemer:Hyperlink-login er synlig.




(Især da iPhonen skifter mellem dag og nat, er mørk tilstand velegnet til miljøer med svagt lys, hvilket bedre kan beskytte brugerens øjne uden at forstyrre andre, og samtidig spare mere strøm.) ）

Ifølge dokumentationsvejledningen, prøv at introducere det på vores hjemmeside, og se først på renderingerne som følger:



Indfør stilarter i head, koden er som følger:

Knapikon HTML-kode:

Toggle-tilstand js-kode:

(Slut)




Tidligere:Skift til åben adgang til den angivne port under Linux
Næste:Cassowary-værktøjet til HTTP-anmodningstest af stresstest

Relaterede indlæg
 Udlejer| Opslået på 07/04/2023 21.08.11 |


Brug følgende kommando for at tjekke, om den er i mørk tilstand:

 Udlejer| Opslået på 07/04/2023 21.09.46 |
Vi kan bruge event listeneren til at opdage mønsterændringen, og implementeringskoden ser sådan ud:

 Udlejer| Opslået på 21/07/2025 14.38.40 |
Xiaozha Opslået den 2023-4-7 kl. 21:09
Vi kan bruge event listeneren til at opdage mønsterændringen, og implementeringskoden ser sådan ud:
For ændringer i overvågningstilstand, henvis:Hyperlink-login er synlig.
 Udlejer| Opslået på 21/07/2025 16.16.34 |
Darkmode.js Tilføj mørke/nat-tilstand til din hjemmeside på få sekunder:Hyperlink-login er synlig.
Ansvarsfraskrivelse:
Al software, programmeringsmaterialer eller artikler udgivet af Code Farmer Network er kun til lærings- og forskningsformål; Ovenstående indhold må ikke bruges til kommercielle eller ulovlige formål, ellers skal brugerne bære alle konsekvenser. Oplysningerne på dette site kommer fra internettet, og ophavsretstvister har intet med dette site at gøre. Du skal slette ovenstående indhold fuldstændigt fra din computer inden for 24 timer efter download. Hvis du kan lide programmet, så understøt venligst ægte software, køb registrering og få bedre ægte tjenester. Hvis der er nogen overtrædelse, bedes du kontakte os via e-mail.
Mail To:help@itsvse.com