Html 更改mouseup事件上的图像不透明度

我一直在努力研究如何改变鼠标事件中的图像不透明度。到目前为止，我已经想出了

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

当我要更改的图像是单击的图像时，这非常有效。但我想改变另一个图像的不透明度，当你点击这个。单击一个图像，使另一个图像出现

我知道答案与此有关。style.opacity，但我似乎无法找到答案

---

谢谢你的专家帮助。

我想你需要这样的东西

<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>