Sample Source......................................................................>>>
<SCRIPT language="JavaScript"><!--
p = 5; //ｵﾌﾟｼｮﾝPixelRadiusの初期値
ms = 0; //ｵﾌﾟｼｮﾝMakeShadowの初期値
so = 0.50; //ｵﾌﾟｼｮﾝShadowOpacityの初期値
function ChangeBlur(){
dv.style.filter = "progid:DXImageTransform.Microsoft.Blur
(PixelRadius="+p+",MakeShadow="+ms+",ShadowOpacity="+so+")" ;
}
//--></SCRIPT>
</head>
<body>
<div id="dv" style="position:absolute;filter:progid:DXImageTransform.Microsoft.Blur
(PixelRadius=5, MakeShadow=0, ShadowOpacity=0.50)">
<img src="../../java/jadata/ja02a.jpg" width="200" height="150">
<img src="../../images/cut/025.gif" width="103" height="116">
<span style="color:green;font:50px 'Arial Black'">BlurFilter</span>
</div>
<form name="form1">
ブレの大きさを
<select name="radius" onChange="p=this.value;ChangeBlur();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5" selected>5</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="15">15</option>
<option value="20">20</option>
</select>ﾋﾟｸｾﾙに
ブレの影だけを
<input type="radio" name="MakeSha" value="0" checked onclick="ms=this.value;ChangeBlur();">表示しない／
<input type="radio" name="MakeSha" value="1" onclick="ms=this.value;ChangeBlur();">表示する
(影を表示した場合)影の透明度を
<select name="ShaOpa" onChange="so=this.value;ChangeBlur();">
<option value="0.00">0.00(完全透明)</option>
<option value="0.10">0.10</option>
<option value="0.20">0.20</option>
<option value="0.30">0.30</option>
<option value="0.40">0.40</option>
<option value="0.50" selected>0.50(半分透明)</option>
<option value="0.60">0.60</option>
<option value="0.70">0.70</option>
<option value="0.80">0.80</option>
<option value="0.90">0.90</option>
<option value="1.00">1.00(完全不透明)</option>
</select>にする
Blurフィルタを
<input type="button" value="解除する"
onclick="dv.style.filter = 'progid:DXImageTransform.Microsoft.Blur(enabled=0)'">
BlurFilter