Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Bingkai ujung depan › Berbasis bootstrap untuk mengaktifkan mode malam gelap (gelap) ...
Melihat: 6129|Jawab: 4

[Bootstrap] Aktifkan mode gelap (gelap) berdasarkan Bootstrap

[Salin tautan]
Diposting pada 04/04/2023 09.32.35 | | | |
Persyaratan: Saya melihat ikon kecil bola lampu dan bulan di sudut kanan kecil beberapa situs web, klik ikon bola lampu untuk mendapatkan mode cahaya, klik ikon bulan untuk mendapatkan mode malam (mode gelap), terlihat sangat keren, situs web saya didasarkan pada pengembangan kerangka kerja front-end Bootstrap, cari beberapa materi dan tutorial terkait.

bootstrap4：Login hyperlink terlihat.
bootstrap5：Login hyperlink terlihat.
Dokumentasi tutorial：Login hyperlink terlihat.

Kode ini mengkompilasi empat metode dari badan kerja asli (dan total enam varian)

Mode Peralihan Manual:Login hyperlink terlihat.
Ikuti peralihan otomatis sistem operasi:Login hyperlink terlihat.




(Terutama seperti iPhone beralih antara siang dan malam, mode gelap cocok untuk lingkungan dengan cahaya redup, yang dapat melindungi mata pengguna dengan lebih baik tanpa mengganggu orang lain, dan juga dapat menghemat lebih banyak daya.) ）

Menurut tutorial dokumentasi, coba perkenalkan ke situs web kami, pertama-tama lihat renderingnya sebagai berikut:



Perkenalkan gaya di kepala, kodenya adalah sebagai berikut:

Kode HTML ikon tombol:

Toggle mode js kode:

(Akhir)




Mantan:Beralih untuk membuka akses ke port yang ditentukan di bawah Linux
Depan:Alat Kasuari untuk pengujian stres permintaan HTTP

Pos terkait
 Tuan tanah| Diposting pada 07/04/2023 21.08.11 |


Gunakan perintah berikut untuk memeriksa apakah dalam mode gelap:

 Tuan tanah| Diposting pada 07/04/2023 21.09.46 |
Kita dapat menggunakan pemroses peristiwa untuk mendeteksi perubahan pola, dan kode implementasi terlihat seperti ini:

 Tuan tanah| Diposting pada 21/07/2025 14.38.40 |
Xiaozha Dipaparkan pada 2023-4-7 21:09
Kita dapat menggunakan pemroses peristiwa untuk mendeteksi perubahan pola, dan kode implementasi terlihat seperti ini:
Untuk perubahan dalam mode pemantauan, lihat:Login hyperlink terlihat.
 Tuan tanah| Diposting pada 21/07/2025 16.16.34 |
Darkmode.js Tambahkan mode gelap/malam ke situs web Anda dalam hitungan detik:Login hyperlink terlihat.
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com