JavaScript調節透明度

動態改變照片的透明度

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

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

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

onclick="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)'">