Gradientフィルタの応用
<body>タグにGradientフィルタ(グラデーション)を設定。即ちページ全体にグラデーションがかかります。そしてこのグラデ−ションの色を5秒間隔で変更しています(上部の色は白に固定)。
<body>タグにGradientフィルタ(グラデーション)を設定。即ちページ全体にグラデーションがかかります。そしてこのグラデ−ションの色を5秒間隔で変更しています(上部の色は白に固定)。
Sample Source......................................................................>>>
<script language="JavaScript"><!--
colors = new Array("pink","magenta","maroon","coral","aqua","darkcyan","blue", "skyblue","green","lime","yellow","silver","black"); //色の配列
i = 0; //色配列のindex番号
function change(){
by.filters[0].endColorstr = colors[i]; //下部の色を色配列から指定
i++;
if(i>colors.length-1)i=0;
setTimeout("change()",5000); //5秒間隔でこの関数を繰り返す
}
//--></script>
</head>
<body id="by" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='white',endColorstr='white')"
onload="change()">
end(最終更新:12/11/9)