Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menukar gambar secara dinamik dalam kemahiran js_javascript

Bagaimana untuk menukar gambar secara dinamik dalam kemahiran js_javascript

WBOYasal: 2016-05-16 16:19:071253semak imbas

Contoh dalam artikel ini menerangkan kaedah menukar gambar secara dinamik dalam js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Fail index.css adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

* { 

jidar: 0px; padding: 0px; 

} 

badan { 

Lebar: 632px;
/*warna latar belakang: biru;*/ 

jidar: 0 auto;
} 

#imgsCom { 

warna latar belakang: kuning;
/*Kedudukan relatif, untuk menggunakan kedudukan mutlak untuk lapisan bawah, gunakan asal div ini sebagai asal*/ 

Jawatan: relatif;
} 

#ulnav{ 

Jenis-gaya senarai: tiada 

kedudukan: mutlak;
/*Gunakan imgsCom sebagai asal untuk benar-benar meletakkan sudut kanan bawah*/ 

bawah: 0px;
Kanan: 0px; 

} 

#ulnav li{ 

Jenis-gaya senarai: tiada 

terapung: kiri 

warna latar belakang: hitam 

warna: putih;
jidar-kanan: 5px;   

Lebar: 20px;
Tinggi: 20px; 

Ketinggian garisan: 20px;
Selaraskan teks: tengah 

Kursor: penunjuk;
}

index.html adalah seperti berikut: 

Salin kod

Kod adalah seperti berikut:

    js,css动态切换图片