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>

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

1 个答案: