Fade フィルター

要素の透明度を変化させながら切り替えます。IE4以上に実装されているBrendTransフィルターと同じようなはたらきをします。

HEADに記述
<SCRIPT type="text/javascript" language="JavaScript"> <!-- function chgFilter(){ var obj = document.all["divFilter"]; var objFilter = obj.filters['DXImageTransform.Microsoft.Fade']; if(objFilter.status != 2){ objFilter.apply(); //■ここに変化する内容を書く 例↓ obj.innerText = 'Bugatti Atlantic'; objFilter.play(); } } //--> </SCRIPT>

BODYに記述
<div id="divFilter" style="filter:progid:DXImageTransform.Microsoft.Fade(Duration=2,Overlap=1.0);"> この中に内容を書く </div> <input type="button" value="実行" onClick="chgFilter();">

Duration	フィルターの切り替わる秒数。規定値なし。
Overlap	元の要素と新しい要素が同時に半透明で存在する時間。規定値は1.0。Durationの値より大きな数を入れるとエラーが発生。もしDurationで10を指定し、Overlapで4を指定した場合、変化をはじめた3秒間で元の要素は徐々にうすくなる。次の4秒間は新しい要素と古い要素が同時に存在し、7秒目には古い要素は完全に消える。そして残りの3秒で新しい要素が完全に表示される。
Enabled	フィルターの有効、無効の指定。1（True）で有効、0（False）で無効。規定値は1（True）
Percent	フィルターの現在の進行状況。値を代入して特定の状態を再現することもできます（詳細はMSDNを参照）。指定できる値は0-100。切り替わりが始まっていないとき返り値は0、終わったときは100。規定値は0。
status	フィルターの現在の状態。スクリプトからのみ操作可能。読みとり専用。返り値は0、1、2。0の時切り替わり停止中。1の時フィルターは適用されているがまだ実行されていない。2の時フィルターは実行中。規定値なし。
apply()	オブジェクトの状態を記憶します。スクリプトからのみ操作可能です。play()メソッドを実行するまで、オブジェクトに対して行われる操作は画面上に反映されません。
play()	切り替えを停止します。スクリプトからのみ操作可能です。引数に切り替わる時間を指定できます。その際Durationプロパティは書き換えられません。
stop()	切り替えを停止します。スクリプトからのみ操作可能です。

• DIV、SPAN タグで使用する場合は position を absolute にするか、または width,height を指定すること。
• 参考: http://msdn.microsoft.com/workshop/author/filter/reference/filters/fade.asp