alphaフィルタの活用：フェードイン／フェードアウト
Alpha Filter Welcome！！
Alpha Filter Welcome！！
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var frg = 1; //ﾌｪｰﾄﾞｲﾝ/ﾌｪｰﾄﾞｱｳﾄを切替えのﾌﾗｸﾞ変数
function FadeInOut(){
if(frg==1){ //ﾌｪｰﾄﾞｲﾝの場合
D1.filters.alpha.opacity
+= 5; //不透明度を5増加
D1.filters.alpha.finishopacity
+= 5;
op = D1.filters.alpha.opacity;
//現在の透明度を取得
if(op >= 100){frg = 2;}
}
if(frg == 2){ //ﾌｪｰﾄﾞｱｳﾄの場合
D1.filters.alpha.opacity -= 5;
//不透明度を5減少
D1.filters.alpha.finishopacity -= 5;
op = D1.filters.alpha.opacity;
if(op <= 0){frg = 1;}
}
}
//--></script>
</head>
<body>
<div id="D1" style="position:absolute;top:40;left:50;
text-align:center;
filter:alpha(opacity=0,finishopacity=0,style=3);">
<p style="color:red;font:bold 20pt">春だ！桜だ！</p>
<img src="../../java/jadata/pho_003.gif" width="256"
height="192"
onLoad="timerID=setInterval('FadeInOut()',300);">
</div>
<form>
<input type="button" value="停止"
onclick="clearInterval(timerID);">
</form>
end(最終更新:12/11/10)