Opacity（透明度）･･･アルファフィルタ Alpha()
各オプションを指定して［Alpha]ボタンをクリック
| ★透明度を、0（完全透明)〜100(不透明)の範囲で指定 |
|
各オプションを指定して［Alpha]ボタンをクリック
| ★透明度を、0（完全透明)〜100(不透明)の範囲で指定 |
|
Sample Source......................................................................>>>
<script language="JavaScript"><!--
function AlphaGo(){
var op = opa.value; //透明度
var fop = fopa.value; //終了地点の透明度
var s = sle.value; //alphaﾌｲﾙﾀの種類
var sx = stx.value; //透明度が開始されるX座標
var sy = sty.value; //透明度が開始されるY座標
var fx = fix.value; //finishopacityで設定した透明度になるX座標
var fy = fiy.value; //finishopacityで設定した透明度になるX座標
var str = "<img id='pic' src='../../java/jadata/pho_003.gif'
width='256' height='192'";
str += " style='filter:alpha(opacity="
+ op +
",finishopacity=" + fop +
",style=" + s +
",startx=" + sx +
",starty=" + sy + ",finishx=" + fx +
",finishy=" + fy +")'>";
pp.innerHTML = str;
}
//--></script>
</head>
<body>
<button onclick="AlphaGo();">Alpha</button>
<p>
opacity<input style="color:red;font:12pt;text-align:center"
type="text" name="opa" value="20"
size="4">
finishopacity<input style="color:red;font:12pt;text-align:center"
type="text" name="fopa" value="80"
size="4">
style(alphaﾌｲﾙﾀの種類を指定)<select name="sle"
size="1">
<option value="0" selected>単一の透明度</option>
<option value="1">線状ｸﾞﾗﾃﾞｰｼｮﾝ
</option>
<option value="2">放射状ｸﾞﾗﾃﾞｰｼｮﾝ</option>
<option value="3">長方形状ｸﾞﾗﾃﾞｰｼｮﾝ</option>
</select>
startx<input style="color:red;font:12pt;text-align:center"
type="text" name="stx" value="0"
size="4">
／starty<input style="color:red;font:12pt;text-align:center"
type="text" name="sty" value="0"
size="4">
finishx<input style="color:red;font:12pt;text-align:center"
type="text" name="fix" value="50"
size="4">
／finishy<input style="color:red;font:12pt;text-align:center"
type="text" name="fiy" value="50"
size="4">
</p>
<p id="pp"><img src="../../java/jadata/pho_003.gif"
WIDTH="256" HEIGHT="192"></p>
end(最終更新:12/11/10)
