<!
DOCTYPE HTML PUBLIC
"
-//W3C//DTD HTML 4.0 Transitional//EN
"
>
< HTML >
< HEAD >
< TITLE > New Document </ TITLE >
< style type = " text/css " >
<!--
div#div1 ... { height:240px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
-->
</ style >
< SCRIPT LANGUAGE = " JavaScript " >
<!--
function changeAlpha(value)
... {
var div1=document.getElementById("div1");
div1.filters[0].opacity=value;
}
// -->
</ SCRIPT >
</ HEAD >
< BODY >
< div id = " div1 " >
< img src = " 1.jpg " alt = "" height = 300 width = 300 />
</ div >
请选择颜色:
< select onchange = " changeAlpha(this.value) " >
< option value = " 99 " > 透明度 </ option >
< option value = " 20 " > 20 </ option >
< option value = " 40 " > 40 </ option >
< option value = " 60 " > 60 </ option >
< option value = " 80 " > 80 </ option >
</ select >
</ BODY >
</ HTML >
< HTML >
< HEAD >
< TITLE > New Document </ TITLE >
< style type = " text/css " >
<!--
div#div1 ... { height:240px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
-->
</ style >
< SCRIPT LANGUAGE = " JavaScript " >
<!--
function changeAlpha(value)
... {
var div1=document.getElementById("div1");
div1.filters[0].opacity=value;
}
// -->
</ SCRIPT >
</ HEAD >
< BODY >
< div id = " div1 " >
< img src = " 1.jpg " alt = "" height = 300 width = 300 />
</ div >
请选择颜色:
< select onchange = " changeAlpha(this.value) " >
< option value = " 99 " > 透明度 </ option >
< option value = " 20 " > 20 </ option >
< option value = " 40 " > 40 </ option >
< option value = " 60 " > 60 </ option >
< option value = " 80 " > 80 </ option >
</ select >
</ BODY >
</ HTML >