Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JavaScript untuk menukar latar belakang halaman web dan kemahiran fon color_javascript

Kaedah JavaScript untuk menukar latar belakang halaman web dan kemahiran fon color_javascript

WBOY
WBOYasal
2016-05-16 16:16:182371semak imbas

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk menukar latar belakang dan warna fon halaman web. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

JavaScript, klik butang untuk menukar warna latar belakang dan fon halaman web Terdapat N butang untuk menukar warna pada halaman web Klik butang yang berbeza, fon dan latar belakang halaman web akan berubah warna yang berbeza. Applet JavaScript yang sangat mudah.

1. Matlamat asas

Apabila membuka halaman web, mesej ucapan pertama "Hello" akan digesa

Terdapat N butang yang menukar warna dalam halaman web Return ialah warna lalai untuk kembali ke halaman web Latar belakang berwarna putih dan fon hitam

Klik butang yang berbeza, dan fon serta latar belakang halaman web akan bertukar kepada warna yang berbeza.

Saya pada asalnya ingin membuat kesan pelangi, tetapi prinsipnya betul-betul sama jadi saya tidak akan menambah lebih banyak butang.

2. Idea asas

Kuncinya ialah menyediakan id kepada teg badan dan fon js supaya ia boleh dikawal dalam js. Contoh ini menyediakan aplikasi fungsi js.

3. Proses pengeluaran

Hanya halaman kecil yang ringkas, sila lihat nota untuk butiran:

Salin kod Kod adalah seperti berikut:


                                                                                                                                                                                                                                                                                                         ​​​​