Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Predný rám › Bootstrap na zapnutie režimu tmavej noci (tmavý) ...
Pohľad: 6129|Odpoveď: 4

[Bootstrap] Zapnite tmavý (tmavý) režim na základe Bootstrapu

[Kopírovať odkaz]
Zverejnené 4. 4. 2023 9:32:35 | | | |
Požiadavky: Videl som malú ikonu žiarovky a mesiaca v malom pravom rohu niektorých stránok, klikni na ikonu žiarovky pre zobrazenie režimu svetla, klikni na ikonu mesiaca pre nočný režim (tmavý režim), vyzerá to veľmi dobre, moja stránka je založená na vývoji front-end frameworku Bootstrap, vyhľadaj si súvisiace materiály a tutoriály.

bootstrap4：Prihlásenie na hypertextový odkaz je viditeľné.
bootstrap5：Prihlásenie na hypertextový odkaz je viditeľné.
Dokumentácia k tutoriálu：Prihlásenie na hypertextový odkaz je viditeľné.

Kód kompiluje štyri metódy pôvodného pracovného telesa (a celkovo šesť variantov)

Manuálny prepínací režim:Prihlásenie na hypertextový odkaz je viditeľné.
Dodržiavajte automatické prepínanie operačných systémov:Prihlásenie na hypertextový odkaz je viditeľné.




(Najmä ako iPhone prepína medzi dňom a nocou, tmavý režim je vhodný pre prostredie s nízkym osvetlením, čo lepšie chráni oči používateľa bez rušenia ostatných a zároveň šetrí viac energie.) ）

Podľa dokumentačného tutoriálu sa ho snažte predstaviť na našej webovej stránke, najprv sa pozrite na vizualizácie nasledovne:



Predstavte štýly v hlave, kód je nasledovný:

HTML kód s ikonou tlačidla:

JS kód prepínania režimu:

(Koniec)




Predchádzajúci:Prepnite na otvorený prístup k určenému portu v Linuxe
Budúci:Nástroj Cassowary na záťažové testovanie HTTP požiadaviek

Súvisiace príspevky
 Prenajímateľ| Zverejnené 7. 4. 2023 21:08:11 |


Použite nasledujúci príkaz na kontrolu, či je v tmavom režime:

 Prenajímateľ| Zverejnené 7. 4. 2023 21:09:46 |
Na detekciu zmeny vzoru môžeme použiť event listener a implementačný kód vyzerá takto:

 Prenajímateľ| Zverejnené 21. 7. 2025 14:38:40 |
Xiaozha Zverejnené 7.4.2023 21:09
Na detekciu zmeny vzoru môžeme použiť event listener a implementačný kód vyzerá takto:
Pre zmeny v monitorovacom režime pozri:Prihlásenie na hypertextový odkaz je viditeľné.
 Prenajímateľ| Zverejnené 21. 7. 2025 16:16:34 |
Darkmode.js Pridajte tmavý/nočný režim na svoju webovú stránku za pár sekúnd:Prihlásenie na hypertextový odkaz je viditeľné.
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com