Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Bazat pe bootstrap pentru a activa modul dark night (întunecat) ...
Vedere: 6129|Răspunde: 4

[Bootstrap] Activează modul întunecat (întunecat) bazat pe Bootstrap

[Copiază linkul]
Postat pe 04.04.2023 09:32:35 | | | |
Cerințe: Am văzut o pictogramă mică cu un bec și o lună în colțul mic din dreapta al unor site-uri, click pe pictograma becului pentru a obține modul lumină, click pe pictograma lunii pentru a obține modul noapte (modul întunecat), arată foarte tare, site-ul meu se bazează pe dezvoltarea framework-ului front-end Bootstrap, caută materiale și tutoriale conexe.

bootstrap4：Autentificarea cu hyperlink este vizibilă.
bootstrap5：Autentificarea cu hyperlink este vizibilă.
Documentație tutorială：Autentificarea cu hyperlink este vizibilă.

Codul compilează cele patru metode ale corpului de lucru original (și un total de șase variante)

Modul de comutare manuală:Autentificarea cu hyperlink este vizibilă.
Urmează comutarea automată a sistemelor de operare:Autentificarea cu hyperlink este vizibilă.




(Mai ales ca iPhone-ul care comută între zi și noapte, modul întunecat este potrivit pentru medii cu lumină slabă, care poate proteja mai bine ochii utilizatorului fără a deranja pe ceilalți și poate economisi și mai multă energie.) ）

Conform tutorialului de documentație, încearcă să-l introduci pe site-ul nostru, uită-te mai întâi la randări astfel:



Introduceți stilurile în cap, codul este următorul:

Cod HTML cu pictogramă de buton:

Cod js pentru modul de comutare:

(Sfârșit)




Precedent:Comutarea la acces deschis la portul specificat în Linux
Următor:Instrumentul Cassowary pentru testarea solicitărilor HTTP

Postări conexe
 Proprietarul| Postat pe 07.04.2023 21:08:11 |


Folosește următoarea comandă pentru a verifica dacă este în modul întunecat:

 Proprietarul| Postat pe 07.04.2023 21:09:46 |
Putem folosi ascultătorul de evenimente pentru a detecta schimbarea tiparului, iar codul de implementare arată astfel:

 Proprietarul| Postat pe 21.07.2025 14:38:40 |
Xiaozha Postat la 2023-4-7 21:09
Putem folosi ascultătorul de evenimente pentru a detecta schimbarea tiparului, iar codul de implementare arată astfel:
Pentru modificările modului de monitorizare, consultați:Autentificarea cu hyperlink este vizibilă.
 Proprietarul| Postat pe 21.07.2025 16:16:34 |
Darkmode.js Adaugă modul întunecat/noapte pe site-ul tău în câteva secunde:Autentificarea cu hyperlink este vizibilă.
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com