Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Přední rám › Bootstrap pro zapnutí režimu dark night (dark) ...
Pohled: 6129|Odpověď: 4

[Bootstrap] Zapněte tmavý (tmavý) režim na základě Bootstrapu

[Kopírovat odkaz]
Zveřejněno 04.04.2023 9:32:35 | | | |
Požadavky: Viděl jsem malou ikonu žárovky a měsíce v malém pravém rohu některých webů, klikněte na ikonu žárovky pro zobrazení světelného režimu, klikněte na ikonu měsíce pro noční režim (tmavý režim), vypadá to velmi dobře, moje stránky jsou založené na vývoji front-end frameworku Bootstrap, vyhledejte související materiály a návody.

bootstrap4：Přihlášení k hypertextovému odkazu je viditelné.
bootstrap5：Přihlášení k hypertextovému odkazu je viditelné.
Dokumentace k tutoriálu：Přihlášení k hypertextovému odkazu je viditelné.

Kód kompiluje čtyři metody původního pracovního tělesa (a celkem šest variant)

Manuální přepínací režim:Přihlášení k hypertextovému odkazu je viditelné.
Postupujte podle automatického přepínání operačních systémů:Přihlášení k hypertextovému odkazu je viditelné.




(Zvláště jako iPhone přepíná mezi dnem a nocí, tmavý režim je vhodný pro prostředí s nízkým osvětlením, což lépe chrání oči uživatele, aniž by rušilo ostatní, a také šetří více energie.) ）

Podle tutoriálu z dokumentace zkuste to představit na našem webu, nejprve se podívejte na vizualizace takto:



Představte styly v hlavě, kód je následující:

HTML kód s ikonou tlačítka:

Kód Toggle mode js:

(Konec)




Předchozí:Přepnout na otevřený přístup k danému portu pod Linuxem
Další:Nástroj Cassowary pro zátěžové testování HTTP požadavků

Související příspěvky
 Pronajímatel| Zveřejněno 07.04.2023 21:08:11 |


Použijte následující příkaz k ověření, zda je v tmavém režimu:

 Pronajímatel| Zveřejněno 07.04.2023 21:09:46 |
Můžeme použít event listener k detekci změny vzoru a implementační kód vypadá takto:

 Pronajímatel| Zveřejněno 21.07.2025 14:38:40 |
Xiaozha Zveřejněno 7. 4. 2023 21:09
Můžeme použít event listener k detekci změny vzoru a implementační kód vypadá takto:
Pro změny v monitorovacím režimu se podívejte na:Přihlášení k hypertextovému odkazu je viditelné.
 Pronajímatel| Zveřejněno 21.07.2025 16:16:34 |
Darkmode.js Přidejte na svůj web tmavý/noční režim během několika sekund:Přihlášení k hypertextovému odkazu je viditelné.
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com