Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Architect_Programmer_Code Селскостопанска мрежа»Архитект › Фронт-енд дизайн и уеб › Предна рамка › Bootstrap-базиран за активиране на режим dark night (тъмна) ...
Изглед: 6129|Отговор: 4

[Бутстрап] Активирайте тъмен (тъмен) режим, базиран на Bootstrap

[Копирай линк]
Публикувано в 4.04.2023 г. 9:32:35 ч. | | | |
Изисквания: Видях малка икона на крушка и луна в малкия десен ъгъл на някои уебсайтове, кликни върху иконата на крушка, за да видиш режим светлина, кликни върху иконата на луната, за да видиш нощен режим (тъмен режим), изглежда много готино, моят уебсайт е базиран на фронт-енд фреймуърк разработката на Bootstrap, потърси свързани материали и уроци.

bootstrap4：Входът към хиперлинк е видим.
bootstrap5：Входът към хиперлинк е видим.
Документация на учебника：Входът към хиперлинк е видим.

Кодът компилира четирите метода на оригиналното работно тяло (и общо шест варианта)

Режим на ръчно превключване:Входът към хиперлинк е видим.
Следвайте автоматичното превключване на операционните системи:Входът към хиперлинк е видим.




(Особено както iPhone превключва между ден и нощ, тъмният режим е подходящ за слаба осветеност, което по-добре защитава очите на потребителя, без да безпокои другите, и също така може да спестява повече енергия.) ）

Според учебника за документация, опитайте се да го въведете на нашия уебсайт, първо разгледайте визуализациите, както следва:



Въведете стилове в главата, кодът е следният:

HTML код на иконата на бутона:

Превключване на режим js код:

(Край)




Предишен:Превключване към отворен достъп до посочения порт под Linux
Следващ:Инструментът Cassowary за стрес тестване при HTTP заявки

Свързани публикации
 Хазяин| Публикувано в 7.04.2023 г. 21:08:11 ч. |


Използвайте следната команда, за да проверите дали е в тъмен режим:

 Хазяин| Публикувано в 7.04.2023 г. 21:09:46 ч. |
Можем да използваме слушателя на събитията, за да открием промяната в шаблона, а кодът на имплементацията изглежда така:

 Хазяин| Публикувано в 21.07.2025 г. 14:38:40 ч. |
Xiaozha Публикувано на 2023-4-7 21:09
Можем да използваме слушателя на събитията, за да открием промяната в шаблона, а кодът на имплементацията изглежда така:
За промени в режима на наблюдение, вижте на:Входът към хиперлинк е видим.
 Хазяин| Публикувано в 21.07.2025 г. 16:16:34 ч. |
Darkmode.js Добавете тъмен/нощен режим към вашия уебсайт за секунди:Входът към хиперлинк е видим.
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.
Mail To:help@itsvse.com