使用javascript更改图像不透明度

Question

如何使用javascript更改图像不透明度？我将使用javascript创建一个淡化效果,有任何样本吗？有什么像image.opacity可以通过JS代码更改？怎么设置？

谢谢

Answer 1

假设您使用普通JS(请参阅jQuery的其他答案),要更改元素的不透明度,请写:

var element = document.getElementById('id');
element.style.opacity = "0.9";
element.style.filter  = 'alpha(opacity=90)'; // IE fallback

Answer 2

您可以使用CSS设置不透明度,然后使用javascript将样式应用于DOM中的某个元素.

.opClass {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

比使用(例如)jQuery来改变风格:

$('#element_id').addClass('opClass');

或者用普通的javascript,像这样:

document.getElementById("element_id").className = "opClass";

Answer 3

实际上,您需要使用CSS.
document.getElementById("myDivId").setAttribute("style","opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)");

它适用于FireFox,Chrome和IE.