Cara untuk mengendalikan ID tindanan yang berbeza: gunakan fungsi JavaScript yang sama-Soal Jawab Rangkaian PHP Cina

Saya mahu menunjukkan tindanan untuk pautan yang berbeza. Tindanan pertama mengandungi imej dan teks, manakala jika kita mengklik pada pautan 2, ia mesti menunjukkan tindanan 2 dengan struktur yang sama tetapi kandungan yang berbeza. Tolong bantu saya untuk mendapatkan output yang diingini.

fungsi on() { document.getElementById("overlay").style.display = "block"; } fungsi pada1() { document.getElementById("overlay1").style.display = "block"; } fungsi off() { document.getElementById("overlay").style.display = "tiada"; }

.img { peralihan: mengubah 5s mudah masuk; transform: skala (1); transform-asal: 0 0; } .img:hover { transform: skala(1.25) } #tindih, #overlay1 { kedudukan: tetap; paparan: tiada; lebar: 100%; ketinggian: 100%; atas: 0; kiri: 0; kanan: 0; bawah: 0; warna latar belakang: putih; indeks z: 77777772; kursor: penunjuk; } #teks, #text1 { kedudukan: tetap; atas: 20%; kiri: 5%; //saiz fon: 50px; warna: hitam; // transform: translate(-50%,-50%); // -ms-transform: translate(-50%,-50%); }

XXX

ZZZ

Bantu menemui bakat besar orang yang tinggal di lembah.

AAA

MMM

Bantu menemui bakat besar orang yang tinggal di lembah.

Baca lebih lanjut -> Baca lebih lanjut -> 1. Senaraikan item

.img { transition: transform 5s ease-in-out; transform: scale(1); transform-origin: 0 0; } .img:hover { transform: scale(1.25) } #overlay, #overlay1 { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: white; z-index: 77777772; cursor: pointer; } #text, #text1 { position: fixed; top: 20%; left: 5%; font-size: 50px; color: black; transform: translate(-50% -50%); -ms-transform: translate(-50% -50%); }