js实现的图片对比

JavaScript07

js实现的图片对比,第1张

利用鼠标上移、移动、移出事件来控制图片的展示，实现两图对比

这个也可以用于图片的遮罩、虚化等处理

[demo展示中心]： https://yomonah.github.io/project/app.html#/location

[源码]： https://github.com/yomonah/react-demo/tree/master/src/components/picture

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>

这个是亮度