JavaScript调节透明度

动态改变照片的透明度

    <img id="imgInfo" src="Images/Train.jpg"

style="filter: alpha(opacity=50)"/>
    <input id="Button1" type="button" value="透明度+"

οnclick="rdl_change(1)" />
    <input id="Button2" type="button" value="透明度-"

οnclick="rdl_change(0)"/>

版权所有：光之翼 QQ：272912705   www.hi.baidu.com/jcomet

<script>
function rdl_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>

放上鼠标显示原照片 移开鼠标让照片半透明
<img src="Images/aaa.jpg"   id="content"
      onMouseOver="runtimeStyle.filter='alpha

(opacity=100)'"
      onMouseOut="runtimeStyle.filter='alpha

(opacity=40)'">

 

转载于:https://www.cnblogs.com/jcomet/archive/2008/07/14/1242839.html