Chromaフィルタの応用 1
Sample Source......................................................................>>>
<script language="JavaScript"><!--
timer = ""; //ﾀｲﾏｰ変数
function ChromaGo(c){
if(timer != "")clearInterval(timer);
logo.style.filter = "chroma(color=" + c + ")";
timer = setInterval("ChangeColor()",500);
}
function ChangeColor(){ //<div>ﾀｸﾞの背景色をﾗﾝﾀﾞﾑに変更
dv.style.backgroundColor = 16677216*Math.random();
}
//--></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">
</div>
<form>
<input type="button" value="背景色をﾗﾝﾀﾞﾑに変更" onclick="ChromaGo('#666666')"><br>
<input type="button" value="Kodayan(青)色をﾗﾝﾀﾞﾑに変更" onclick="ChromaGo('#0000ff')"><br>
<input type="button" value="HomePage(緑)色をﾗﾝﾀﾞﾑに変更" onclick="ChromaGo('#009933')">
<input type="button" value="停止" onclick="if(timer != '')clearInterval(timer);">
</form>
end(最終更新:12/11/11)