在mouseup事件中更改圖像不透明度

Question

我一直在試圖解決如何更改鼠標事件的圖像不透明度。到目前爲止，我已經拿出

<img src="image.png" style="opacity:1;filter:alpha(opacity=100)" 
onmouseup="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> 

這個偉大的工程的時候我想改變形象是被點擊的一個。但是當你點擊這個時，我想改變另一個圖像的不透明度。點擊一個圖像，使另一個出現排序的事情。

我知道答案與「this.style.opacity」有關，但我似乎無法解決這個問題。

感謝您的專家幫助。

Answer 1

我認爲你需要像這樣

<img src="image.png" style="opacity:1;filter:alpha(opacity=100)" 
onclick="ChangeImage()" /> 
<img src="image.png" id="image2" style="opacity:20;filter:alpha(opacity=100)" 
onclick="ChangeImage()" /> 

和JavaScript

<script type="text/javascript"> 
function ChangeImage(){ 
var image2= document.getElementById('image2'); 
    //do your work here for image2 
    image2.style.opacity='1'; 

} 
</script>