フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 色をだんだん変えてみる  

色をだんだん変えてみる

原案:臥龍 鳳雛 氏 (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>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.