我必須并排放置三個圖像,并使用 onmouseover 功能,當(dāng)用戶將鼠標(biāo)移到圖像上時,該特定圖像將復(fù)制到其他兩個圖像上。當(dāng)用戶將鼠標(biāo)從圖像中移出時,圖像將恢復(fù)為初始頁面。但是我必須為此使用子節(jié)點(diǎn)。我無法弄清楚這一點(diǎn)。我試過下面的代碼,但它沒有做任何事情。我試圖將代碼粘貼到這里,但它已經(jīng)出現(xiàn)在消息正文中,所以我在你可以看到的地方制作了這個代碼筆。到目前為止,我只是想讓 index[1] 和 index[2] pic 顯示在 index[0] 上,但沒有發(fā)生其他變化。 https://codepen.io/anon/pen/xNjezNfunction heroes(q){ if(q.src == imgArray[0]) { for(var index=0; index<images.length; index++) { images[index] = document.getElementById("legends").childNodes[index]; images[index].src = imgArray[0]; } } else if(q.src == imgArray[1]) { for(var index=0; index<images.length; index++) { images[index] = document.getElementById("legends").childNodes[index]; images[index].src = imgArray[1]; } } else if(q.src == imgArray[2]) { for(var index=0; index<images.length; index++) { images[index] = document.getElementById("legends").childNodes[index]; images[index].src = imgArray[2]; } }}如果有人可以請?zhí)岢鼋ㄗh。
僅用子節(jié)點(diǎn)和 javascript 替換鼠標(biāo)懸停時的圖像
守著星空守著你
2021-06-07 01:32:48