1個懸停2種不同的效果？

我正在嘗試調整以下代碼，以便在將鼠標懸停在現有圖像上時，不僅會更改圖像，還會更改網站上不同位置的圖像。1個懸停2種不同的效果？

這是我在用的（有一些相應的JavaScript）...

<figcaption class="content"><a class="typeB" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../graphics/life2.jpg',1)"><img src="../graphics/life1.jpg" width="300" height="25" id="Image1"/></a> 
</figcaption>

所以，上面的代碼表示，將鼠標懸停在「life2.jpg」何時改變它改爲「life1.jpg」 ...但我也想加入，以便在「life2.jpg」上徘徊也會將「life4.jpg」更改爲「life3.jpg」。

非常感謝你提前！ :)

C *

來源

2012-12-21 user1912669

你可以把它放在jsfiddle嗎？ – Chanckjh

調用java腳本方法;並在方法中執行所有操作。 –

什麼是MM_方法在做什麼？你應該改變或擴展它們。 – Alp

呼叫所有這樣的行動一個javascript：

<!DOCTYPE html> 
<html> 
<head> 

<script> 
function MM_swapImage(){ 
    document.getElementById("Image1").src = Image1.src.replace("http://bit.ly/12DYRi4", "http://bit.ly/T4xkFG"); 
    document.getElementById("Image2").src = Image2.src.replace("http://bit.ly/12DYRi4", "http://bit.ly/T4xkFG"); 
} 

function MM_swapImgRestore(){ 
    document.getElementById("Image1").src = Image1.src.replace("http://bit.ly/T4xkFG", "http://bit.ly/12DYRi4"); 
    document.getElementById("Image2").src = Image2.src.replace("http://bit.ly/T4xkFG", "http://bit.ly/12DYRi4"); 
} 
</script> 

<head> 
<body> 

<figcaption class="content"> 
     <a class="typeB" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage()"> 
      <img src="http://bit.ly/12DYRi4" width="50" height="50" id="Image1"/> 
     </a> 
     <br><br> 
     <img src="http://bit.ly/12DYRi4" width="50" height="50" id="Image2"/> 
</figcaption> 

</body> 
</html>

你可以看到它在行動上的jsfiddle：http://jsfiddle.net/EW4ZZ/2/

這應該讓你開始。

來源

2012-12-21 11:58:16 Daniel

1個懸停2種不同的效果？

回答

相關問題