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

Gradientフィルタの応用

<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)