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

ページ全体にトランジション効果

8秒間隔で自動的にページの背景色を変更します。
背景色はランダムに生成される。

 

Sample Source......................................................................>>>

<script language="JavaScript"><!--
function RandomColor(){         //ランダム色を生成する関数
    var c = new String();    //文字列オブジェクト"c"を定義
    for(i=0;i<3;i++){
        c1 = Math.floor(Math.random()*255); //0〜254の乱数を生成
        c2 = c1.toString(16);    //16進数に変換
        if(c2.length<2)c2 = "0" + c2; //1桁の場合は0を付ける
        c = c + c2;                 //色指定の RRGGBB 形式を生成
    }
    return c;
}

function BgChange(){    //ランダムなトランジションを設定
    by.filters.revealTrans.transition = 23;
    by.filters.revealTrans.apply();
    c = RandomColor();
    by.style.backgroundColor = "#" + c;
    by.filters.revealTrans.play();

    setTimeout("BgChange()",5000);
}
//--></script>
</head>

<body id="by"
    style="filter:revealTrans(transition=0,duration=4)"
    onload="BgChange();">


end(最終更新:12/11/16)