Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Bootstrap do włączenia trybu ciemnej nocy (ciemnej) ...
Widok: 6129|Odpowiedź: 4

[Bootstrap] Włącz tryb ciemny (ciemny) na podstawie Bootstrap

[Skopiuj link]
Opublikowano 04.04.2023 09:32:35 | | | |
Wymagania: Zobaczyłem małą ikonę żarówki i księżyca w prawym rogu niektórych stron, kliknij ikonę żarówki, aby wybrać tryb światła, kliknij ikonę księżyca, aby wybrać tryb nocny (tryb ciemny), wygląda to bardzo fajnie, moja strona opiera się na rozwoju frameworka front-end Bootstrap, poszukaj powiązanych materiałów i tutoriali.

bootstrap4：Logowanie do linku jest widoczne.
bootstrap5：Logowanie do linku jest widoczne.
Dokumentacja samouczka：Logowanie do linku jest widoczne.

Kod kompiluje cztery metody oryginalnego ciała roboczego (oraz łącznie sześć wariantów)

Tryb ręcznego przełączania:Logowanie do linku jest widoczne.
Stosuj automatyczne przełączanie systemów operacyjnych:Logowanie do linku jest widoczne.




(Zwłaszcza jak iPhone przełącza się między dniem a nocą, tryb ciemny nadaje się do warunków o słabym oświetleniu, co lepiej chroni oczy użytkownika bez przeszkadzania innym i pozwala zaoszczędzić więcej energii.) ）

Zgodnie z tutorialem dokumentacyjnym, spróbuj wprowadzić to na naszą stronę internetową, najpierw spójrz na wizualizacje w następujący sposób:



Wprowadź style w głowie, kod wygląda następująco:

Kod HTML z ikoną przycisku:

Kod js w trybie przełączania:

(Koniec)




Poprzedni:Przełącz się na otwarty dostęp do określonego portu w Linuksie
Następny:Narzędzie Cassowary do testów obciążeniowych HTTP

Powiązane wpisy
 Ziemianin| Opublikowano 07.04.2023 21:08:11 |


Użyj następującego polecenia, aby sprawdzić, czy jest w trybie ciemnym:

 Ziemianin| Opublikowano 07.04.2023 21:09:46 |
Możemy użyć nasłuchiwacza zdarzeń do wykrycia zmiany wzorca, a kod implementacyjny wygląda następująco:

 Ziemianin| Opublikowano 21.07.2025 14:38:40 |
Xiaozha Opublikowano 7.04.2023 21:09
Możemy użyć nasłuchiwacza zdarzeń do wykrycia zmiany wzorca, a kod implementacyjny wygląda następująco:
W przypadku zmian w trybie monitoringu należy odwołać się na:Logowanie do linku jest widoczne.
 Ziemianin| Opublikowano 21.07.2025 16:16:34 |
Darkmode.js Dodaj tryb ciemny/nocny na swojej stronie w ciągu kilku sekund:Logowanie do linku jest widoczne.
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com