Luba tume (tume) režiim Bootstrapi põhjal

Väike sodi · Postitatud 04.04.2023 09:32:35

Nõuded: Nägin mõne veebilehe paremas nurgas väikest ikooni lambipirnist ja kuust, klõpsa lambipirni ikoonil, et saada valgusrežiim, klõpsa kuu ikoonil, et saada öörežiim (tume režiim), see näeb väga lahe välja, minu veebileht põhineb Bootstrapi front-end raamistiku arendusel, otsi seotud materjale ja õpetusi.

bootstrap4：Hüperlingi sisselogimine on nähtav.
bootstrap5：Hüperlingi sisselogimine on nähtav.
Õpetusdokumentatsioon：Hüperlingi sisselogimine on nähtav.

Kood kompileerib algse töökeha neli meetodit (kokku kuus varianti)

Käsitsi lülitusrežiim:Hüperlingi sisselogimine on nähtav.
Järgige operatsioonisüsteemide automaatset lülitust:Hüperlingi sisselogimine on nähtav.

(Eriti nagu iPhone vahetab päeva ja öö vahel, sobib pime režiim hämaras keskkonnas, mis kaitseb kasutaja silmi paremini ilma teisi häirimata ning säästab ka rohkem energiat.) ）

Dokumentatsiooni õpetuse järgi proovi seda meie veebilehel tutvustada, esmalt vaata renderdusi järgmiselt:

Stiilide tutvustamine peas, kood on järgmine:

Sisselogimine on nähtav.

Nupuikooni HTML-kood:

Sisselogimine on nähtav.

Toggle mode js code:

Sisselogimine on nähtav.

(Lõpp)