html5和js如何改变图片的亮度

JavaScript012

html5和js如何改变图片的亮度,第1张

首先，您说的亮度应该是图片透明度。

图片透明度调整很简单，只要在图片的属性中加上{filter:alpha(opacity=50)-moz-opacity:0.5-khtml-opacity: 0.5opacity: 0.5}；

opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：

Firefox、Chrome、Opera、Safari。（也就是说，除了IE，它支持所有主流浏览器）；

filter:alpha(opacity=50)是专门给IE设定的属性，取值的范围在0-100之间；

-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；

-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间。

function opacity_change(m)

{

var oDiv=document.getElementById("imgInfo")

switch(m)

{

case 0 :

//照片变透明

oDiv.filters.alpha.opacity=oDiv.filters.alpha.opacity-10

break

case 1 :

//照片变亮

oDiv.filters.alpha.opacity=oDiv.filters.alpha.opacity+10

break

default: break

}

}

</script>

这个是亮度