ActiveDesktop_ex02

Last-modified: 2014-08-16 (土) 12:41:50 (1992d)

ActiveDesktop

番外編02 グラデーション背景色チェンジャーを作成する

03 壁紙チェンジャーを作成する の応用です。

背景に画像を使わずグラデーション( DXImageTransform?.Microsoft.gradient)を表示させ、パラメータをランダムで書き換えます。

動作サンプル

動作サンプル (IE(Trident)でないと正常表示できません)

HTMLソースコード

<HTML>
<BODY>
<STYLE>
BODY{
	filter:progid:DXImageTransform.Microsoft.gradient(
		startcolorstr=#000000,
		endcolorstr=#000000,
		gradienttype=0
	);
}
</STYLE>
<SCRIPT>
function rndColor(){
	return ""+Math.floor(Math.random()*7);
}
function changeBackgroundColor(){
	var endColorStr = "#"+rndColor()+rndColor()+rndColor()+rndColor()+rndColor()+rndColor();
	document.body.filters['DXImageTransform.Microsoft.gradient'].endcolorstr=endColorStr;
}
changeBackgroundColor();
</SCRIPT>

<A href="javascript:changeBackgroundColor();">背景色を変更</A>

</BODY>
</HTML>