色をだんだん変えてみる
原案:臥龍 鳳雛 氏 (2000/04/01 登録)
色をだんだん変えてみます。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>色をだんだん変えてみる</title>
<script type="text/javascript">
<!--
var x=0;
var y=0;
function hex(n){
var a="0123456789ABCDEF";
h=(n >> 4);
l=(n & 15);
return (a.charAt(h)+a.charAt(l));
}
function disp()
{
setTimeout("disp()",500);
document.bgColor=hex(0)+hex(0)+hex(y);
x=(x+32) % 510;
y=Math.abs(x-255);
}
// -->
</script>
</head>
<body onLoad="disp();">
<h1>色をだんだん変えてみる</h1>
<p> 色をだんだん変えてみます。</p>
<div style="border: medium double white;">
<p> このページを開くと色がだんだん変わります。</p>
</div>
</body>
</html>