Chromaフィルタの応用 2

　HOME 　>>> 　HTML整理ノート　>>> DHTML -- 基本編　　　応用編

Sample Source......................................................................>>>

<script language="JavaScript"><!--
c = new Array("#666666","#0000ff","#009933");  //Chromakey指定する色の配列
n = 0;    //配列cのindex番号
timer = "";  //ﾀｲﾏｰ変数
function ChromaGo(c){
  if(timer != "")clearInterval(timer);
  timer = setInterval("ChangeChroma()",500);
}
function ChangeChroma(){
  dv.style.backgroundColor = 16677216*Math.random();//<div>要素の背景色をﾗﾝﾀﾞﾑに変更
  logo.filters.chroma.Color = c[n];    //色配列からChromakeyの色を指定
  if(++n > 2)n = 0;  //nに1を加算、ただし2を超えたら0に戻す
}
//--></script>
</head>

<body>
<div id="dv" style="position:absolute;top:40;left:200;
    width:229;height:65;background-color:red">
 <img id="logo" src="../img/kodayan01.gif" width="229" height="65"
     style="position:absolute;filter:chroma(color=#000001)"> 
</div>
<form>
 <input type="button" value="開始" onclick="ChromaGo()">
 <input type="button" value="停止" onclick="if(timer != '')clearInterval(timer);">
</form>

end(最終更新:12/11/11)