Mask Filter |  |
IE5.5以降のMaskFilter書式
Sample Source......................................................................>>>
<script language="JavaScript"><!--
function MaskSet(c){ //ﾌｨﾙﾀが解除されている場合、ﾌｨﾙﾀを設定する
if(tb.style.filter=="")tb.style.filter ="progid:DXImageTransform.Microsoft.MaskFilter(enabled=1)";
tb.filters.item('DXImageTransform.Microsoft.maskfilter').color=c;
}
//--></script>
</head>
<body>
<table id="tb" cellpadding="5" style="position:absolute;border:thin solid navy; filter:progid:DXImageTransform.Microsoft.MaskFilter(color=gray)">
<tr> <td><div style="color:green;font:50;border:5px solid green">Mask<br>Filter</div></td> <td><img src="../../images/cut/025.gif" width="103" height="116" style="border:thin solid green"></td> </tr></table>
<form name="form1">
MaskFilterの色を
<select name="maskcolor" onchange="MaskSet(this.value)">
<option value="black">黒</option>
<option value="gray" selected>ｸﾞﾚｰ</option>
<option value="blue">青</option>
<option value="green">緑</option>
<option value="pink">ﾋﾟﾝｸ</option>
<option value="brown">ﾌﾞﾗｳﾝ</option>
<option value="violet">薄紫</option>
</select>にする<br>
MaskFilterを
<input type="button" value="解除" onclick="tb.style.filter = '';">する
</form>
end(最終更新:12/11/10)