|
HTML:<IMG STYLE="filter:light;・・・" SRC="Object"> |
changeColor | SCRIPT:object.filters.light.changeColor(パラメータ) |
◆メソッドのパラメータ
IMGタグにフィルターlightとオブジェクトを定義し、スクリプト(JavaScript関数を作成)にlightフィルターのchangeColorメソッドを使用し動作を制御します。 このスクリプトを、JOBタグにイベントハンドラーonLoadを定義し起動します。 changeColorは、addAmbient/addCone等と組み合わせで使用します。addAmbientで設定した色をchangeColorを 使用し変更しています。
◆スクリプトと起動 オブジェクト.filters.light.clear(); //clear()メソッド(フィルター効果をクリア) オブジェクト.filters.light.addAmbient(Ra,Ga,Ba,Strengtha); //addAmbient()メソッド オブジェクト.filters.light.changeColor(LightNumber,R,G,B,Absolue); //changeColor()メソッド <JOB onLoad="light()"><!--light()はJavaScript関数--> ◆フィルター効果の光の色を変更します 。 サンプルでは、addAmbientの設定した黄色-rbg(255,255,0)-をchangeColorで3秒のタイムラグをとり、赤色-rgb(255,0,0)- に変更しています。 色の指定には、#RRGGBB、#RGB、rgb(数値)、rgb(%)や色名による方法がありますが、 lightフィルターではrgb(数値)を使用します。 |
<SCRIPT LANGUAGE=JAVASCRIPT> //light Filterのスクリプト処理 changeColor()/addAmbient()メソッド <!-- var Tid function light(){ document.all["LightDisp"].filters.light.clear() //クリア var Ra = 255 var Ga = 255 var Ba = 0 var Strengtha = 100 var LightNumber = 0 var R = 255 var G = 0 var B = 0 var Absolute = 1 document.all["LightDisp"].filters.light.addAmbient(Ra,Ga,Ba,Strengtha) Tid = setTimeout('document.all["LightDisp"].filters.light.changeColor(LightNumber,R,G,B,Absolute)',3000) //3秒後に起動 } //--> </SCRIPT> <BODY onLoad="light()"> <IMG id=LightDisp style="POSITION: absolute; TOP: 40px; LEFT: 20px; WIDTH: 71px; HEIGHT: 143px; font-size:22px; filter:light;" SRC="画像"><!--フィルターと画像を定義-->